From ef534eab4f479a43b1f61829df46ca1afe8677ca Mon Sep 17 00:00:00 2001
From: Gregor Lasnibat <gregor@scinote.net>
Date: Mon, 13 May 2024 11:14:31 +0200
Subject: [PATCH] (fix) Quick search: Remove tooltip [SCI-10699]

---
 app/javascript/vue/global_search/container.vue | 5 ++++-
 app/javascript/vue/navigation/quick_search.vue | 2 +-
 config/locales/en.yml                          | 2 ++
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/app/javascript/vue/global_search/container.vue b/app/javascript/vue/global_search/container.vue
index 3490165c2..8219a1b1a 100644
--- a/app/javascript/vue/global_search/container.vue
+++ b/app/javascript/vue/global_search/container.vue
@@ -24,7 +24,7 @@
             <i class="sn-icon sn-icon-search"></i>
             <i v-if="localQuery.length > 0"
               class="sn-icon cursor-pointer sn-icon-close absolute right-0 -top-0.5"
-              @click="localQuery = ''; $refs.searchField.focus()"></i>
+              @click="localQuery = ''; $refs.searchField.focus()" :title="i18n.t('nav.clear')"></i>
           </div>
         </template>
         <template v-slot:flyout >
@@ -103,6 +103,7 @@
 </template>
 
 <script>
+/* global HelperModule */
 import FoldersComponent from './groups/folders.vue';
 import ProjectsComponent from './groups/projects.vue';
 import ExperimentsComponent from './groups/experiments.vue';
@@ -266,6 +267,8 @@ export default {
 
       if (event.target.value.length < 2) {
         this.invalidQuery = true;
+        const minLength = 2;
+        HelperModule.flashAlertMsg(this.i18n.t('general.query.length_too_short', { min_length: minLength }), 'danger');
         return;
       }
 
diff --git a/app/javascript/vue/navigation/quick_search.vue b/app/javascript/vue/navigation/quick_search.vue
index 23dbfc07b..76167ff56 100644
--- a/app/javascript/vue/navigation/quick_search.vue
+++ b/app/javascript/vue/navigation/quick_search.vue
@@ -8,7 +8,7 @@
         <i class="sn-icon sn-icon-search"></i>
         <div v-if="this.searchQuery.length > 1" class="flex items-center gap-1 absolute right-2 top-1.5">
           <div class="btn btn-light icon-btn btn-xs" @click="this.searchQuery = ''; $refs.searchField.focus()">
-            <i class="sn-icon sn-icon-close  m-0"></i>
+            <i class="sn-icon sn-icon-close  m-0" :title="i18n.t('nav.clear')"></i>
           </div>
           <div class="btn btn-light icon-btn btn-xs" :title="i18n.t('search.quick_search.search_options')"
                :class="{'active': filtersOpened}" @click="filtersOpened = !filtersOpened">
diff --git a/config/locales/en.yml b/config/locales/en.yml
index d5948c1de..75ae9f16c 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -289,6 +289,7 @@ en:
   nav:
     team_switch_title: "Switch team"
     search: "Search"
+    clear: "Clear"
     support: "Support"
     settings: "Settings"
     user_profile: "Profile"
@@ -461,6 +462,7 @@ en:
       report: "Report"
       step: "Step"
       result: "Result"
+      folder: "Folder"
     whole_word: "Match any whole word"
     whole_phrase: "Match whole phrase"
     match_case: "Match case sensitive"