From 63414450b01eb15b63cb2a07ad177278f8e1c1a5 Mon Sep 17 00:00:00 2001
From: Jason Woodland <me@jasonwoodland.com>
Date: Thu, 16 Jun 2022 13:52:32 +1000
Subject: [PATCH] feat(toolbar): add coming soon to group search input

---
 .../views/navigation/toolbar/Toolbar.html     | 29 ++++++++++++++-----
 .../views/navigation/toolbar/Toolbar.vue      |  1 +
 locales/en-US.js                              |  1 +
 3 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/components/views/navigation/toolbar/Toolbar.html b/components/views/navigation/toolbar/Toolbar.html
index d74770501d..13f021cf28 100644
--- a/components/views/navigation/toolbar/Toolbar.html
+++ b/components/views/navigation/toolbar/Toolbar.html
@@ -138,13 +138,28 @@
     </UiComingSoon>
 
     <div class="vertical-divider" v-if="!$device.isMobile"></div>
-    <SearchInput
-      v-if="!$device.isMobile"
-      @search="handleSearch"
-      @change="handleChange"
-      :placeholder="$t('search.search')"
-      :searchRecommend="searchRecommend"
-    />
+    <template v-if="!$device.isMobile">
+      <UiComingSoon
+        v-if="isGroup"
+        :tooltipText="$t('coming_soon.group_chat_search')"
+        horizontal
+        tooltip-position="bottom"
+      >
+        <SearchInput
+          @search="handleSearch"
+          @change="handleChange"
+          :placeholder="$t('search.search')"
+          :searchRecommend="searchRecommend"
+        />
+      </UiComingSoon>
+      <SearchInput
+        v-else
+        @search="handleSearch"
+        @change="handleChange"
+        :placeholder="$t('search.search')"
+        :searchRecommend="searchRecommend"
+      />
+    </template>
     <SearchResult
       v-if="!$device.isMobile && searchQuery"
       :searchQuery="searchQuery"
diff --git a/components/views/navigation/toolbar/Toolbar.vue b/components/views/navigation/toolbar/Toolbar.vue
index 53950cb95e..7d9090a2d6 100644
--- a/components/views/navigation/toolbar/Toolbar.vue
+++ b/components/views/navigation/toolbar/Toolbar.vue
@@ -64,6 +64,7 @@ export default Vue.extend({
       conversation: (state) => (state as RootState).conversation,
       groups: (state) => (state as RootState).groups,
       friends: (state) => (state as RootState).friends,
+      isGroup: (state) => (state as RootState).conversation.type === 'group',
     }),
     ...mapGetters('ui', ['showSidebar', 'allUnseenNotifications']),
     showSearchResult: {
diff --git a/locales/en-US.js b/locales/en-US.js
index 4b47a0942d..afc5d54685 100644
--- a/locales/en-US.js
+++ b/locales/en-US.js
@@ -8,6 +8,7 @@ export default {
     archived: 'Archived Messages\nComing Soon',
     group_call: 'Group Call\nComing Soon',
     sidebar_search: 'Friends and Group Search\nComing Soon',
+    group_chat_search: 'Group Chat Search\nComing Soon',
   },
   global: {
     name: 'Satellite.im',