From 4b5c9db722005055f5a54a8c91edb8e47a293806 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Mon, 7 Nov 2022 15:43:04 +0530
Subject: [PATCH] refactor: replace inline function

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../nc-gui/components/dashboard/TreeView.vue   | 18 +++++++-----------
 1 file changed, 7 insertions(+), 11 deletions(-)

diff --git a/packages/nc-gui/components/dashboard/TreeView.vue b/packages/nc-gui/components/dashboard/TreeView.vue
index 50a79b977b..f57eaabfc4 100644
--- a/packages/nc-gui/components/dashboard/TreeView.vue
+++ b/packages/nc-gui/components/dashboard/TreeView.vue
@@ -41,7 +41,7 @@ let key = $ref(0)
 
 const menuRef = $ref<HTMLLIElement>()
 
-const filterQuery = $ref('')
+let filterQuery = $ref('')
 
 const activeTable = computed(() => ([TabType.TABLE, TabType.VIEW].includes(activeTab.value?.type) ? activeTab.value.title : null))
 
@@ -211,6 +211,11 @@ function openTableCreateDialog() {
 }
 
 const searchInputRef: VNodeRef = (vnode: typeof Input) => vnode?.$el?.focus()
+
+const onSearchCloseIconClick = () => {
+  filterQuery = ''
+  toggleSearchActive(false)
+}
 </script>
 
 <template>
@@ -235,16 +240,7 @@ const searchInputRef: VNodeRef = (vnode: typeof Input) => vnode?.$el?.focus()
           </Transition>
 
           <Transition name="layout" mode="out-in">
-            <MdiClose
-              v-if="searchActive"
-              class="text-lg mx-1 mt-0.5"
-              @click="
-                () => {
-                  filterQuery = ''
-                  toggleSearchActive(false)
-                }
-              "
-            />
+            <MdiClose v-if="searchActive" class="text-lg mx-1 mt-0.5" @click="onSearchCloseIconClick" />
             <IcRoundSearch v-else class="text-lg text-primary mx-1 mt-0.5" @click="toggleSearchActive(true)" />
           </Transition>
         </div>