From 564e1f0c9475efdaab1776c9a5c7831cc7a9b1ee Mon Sep 17 00:00:00 2001
From: mertmit <mertmit99@gmail.com>
Date: Thu, 20 Oct 2022 17:36:38 +0300
Subject: [PATCH] fix: hide base if no result for search query

Signed-off-by: mertmit <mertmit99@gmail.com>
---
 packages/nc-gui/components/dashboard/TreeView.vue | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui/components/dashboard/TreeView.vue b/packages/nc-gui/components/dashboard/TreeView.vue
index f4ab77189f..97c14475fd 100644
--- a/packages/nc-gui/components/dashboard/TreeView.vue
+++ b/packages/nc-gui/components/dashboard/TreeView.vue
@@ -64,7 +64,9 @@ const tablesById = $computed(() =>
 )
 
 const filteredTables = $computed(() =>
-  tables.value?.filter((table) => !filterQuery || table.title.toLowerCase().includes(filterQuery.toLowerCase())),
+  tables.value?.filter(
+    (table) => !searchActive.value || !filterQuery || table.title.toLowerCase().includes(filterQuery.toLowerCase()),
+  ),
 )
 
 const filteredBases = $computed(() => bases.value.filter((base) => base.enabled))
@@ -470,7 +472,15 @@ useEventListener(document, 'keydown', async (e: KeyboardEvent) => {
                     </GeneralTooltip>
                   </div>
                 </div>
-                <a-collapse v-else v-model:activeKey="activeKey" expand-icon-position="right" :bordered="false" accordion ghost>
+                <a-collapse
+                  v-else
+                  v-model:activeKey="activeKey"
+                  :class="[{ hidden: searchActive && !!filterQuery && !filteredTables?.find((el) => el.base_id === base.id) }]"
+                  expand-icon-position="right"
+                  :bordered="false"
+                  accordion
+                  ghost
+                >
                   <a-collapse-panel :key="index">
                     <template #header>
                       <div v-if="index !== '0'" class="flex items-center gap-2 text-gray-500 font-weightd">