From 69c7176976a3ab6e5800977ea7967699d56e4aab Mon Sep 17 00:00:00 2001
From: Giga Chubinidze <giga@scinote.net>
Date: Thu, 15 Jun 2023 04:59:34 +0400
Subject: [PATCH] Buttons title (tooltip on hover) - top navigation [SCI-8630]

---
 app/javascript/vue/navigation/top_menu.vue | 10 +++++-----
 config/locales/en.yml                      |  3 +++
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/app/javascript/vue/navigation/top_menu.vue b/app/javascript/vue/navigation/top_menu.vue
index fd3977d8d..887d804a7 100644
--- a/app/javascript/vue/navigation/top_menu.vue
+++ b/app/javascript/vue/navigation/top_menu.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="sci--navigation--top-menu-container">
-    <div v-if="user" class="sci--navigation--top-menu-search left-icon sci-input-container-v2" :class="{'disabled' : !currentTeam}">
+    <div v-if="user" class="sci--navigation--top-menu-search left-icon sci-input-container-v2" :class="{'disabled' : !currentTeam}" :title="i18n.t('nav.search')">
       <input type="text" :placeholder="i18n.t('nav.search')" @change="searchValue"/>
       <i class="sn-icon sn-icon-search"></i>
     </div>
@@ -14,7 +14,7 @@
         @change="switchTeam"
       ></Select>
     </div>
-    <div v-if="user" class="dropdown">
+    <div v-if="user" class="dropdown" :title="i18n.t('nav.support')">
       <button class="btn btn-light icon-btn btn-black" data-toggle="dropdown">
         <i class="sn-icon sn-icon-help"></i>
       </button>
@@ -26,7 +26,7 @@
         </li>
       </ul>
     </div>
-    <div v-if="user" class="dropdown">
+    <div v-if="user" class="dropdown" :title="i18n.t('nav.settings')">
       <button class="btn btn-light icon-btn btn-black" data-toggle="dropdown">
         <i class="sn-icon sn-icon-settings"></i>
       </button>
@@ -43,7 +43,7 @@
         </li>
       </ul>
     </div>
-    <div v-if="user" class="sci--navigation--notificaitons-flyout-container">
+    <div v-if="user" class="sci--navigation--notificaitons-flyout-container" :title="i18n.t('nav.notifications.title')">
       <button class="btn btn-light icon-btn btn-black"
               :class="{ 'has-unseen': unseenNotificationsCount > 0 }"
               :data-unseen="unseenNotificationsCount"
@@ -59,7 +59,7 @@
         @update:unseenNotificationsCount="checkUnseenNotifications()"
         @close="notificationsOpened = false" />
     </div>
-    <div v-if="user" class="dropdown">
+    <div v-if="user" class="dropdown" :title="i18n.t('nav.user_profile')">
       <div class="sci--navigation--top-menu-user btn btn-light icon-btn btn-black" data-toggle="dropdown">
         <img class="avatar w-6 h-6" :src="user.avatar_url">
       </div>
diff --git a/config/locales/en.yml b/config/locales/en.yml
index f0abc8223..a63db1103 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -254,6 +254,9 @@ en:
   nav:
     team_switch_title: "Switch team"
     search: "Search"
+    support: "Support"
+    settings: "Settings"
+    user_profile: "Profile"
     search_button: 'Go!'
     user_greeting: "Hi, %{full_name}"
     advanced_search: "Advanced search"