From 6146f2d7d955e4c8526a90ac702c7bbf7aefdb86 Mon Sep 17 00:00:00 2001
From: Ramesh Mane <101566080+rameshmane7218@users.noreply.github.com>
Date: Thu, 25 Jan 2024 12:47:34 +0000
Subject: [PATCH] fix(nc-gui): triggering multiple times cmd palette api issue

---
 packages/nc-gui/app.vue                                   | 8 +++++++-
 packages/nc-gui/components/workspace/CreateProjectDlg.vue | 4 ++++
 packages/nc-gui/composables/useCommandPalette/index.ts    | 7 +++++--
 3 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/app.vue b/packages/nc-gui/app.vue
index 3e61d2e478..f08028bca4 100644
--- a/packages/nc-gui/app.vue
+++ b/packages/nc-gui/app.vue
@@ -13,7 +13,7 @@ const disableBaseLayout = computed(() => route.value.path.startsWith('/nc/view')
 
 useTheme()
 
-const { commandPalette, cmdData, cmdPlaceholder, activeScope, loadTemporaryScope } = useCommandPalette()
+const { commandPalette, cmdData, cmdPlaceholder, activeScope, loadTemporaryScope, refreshCommandPalette } = useCommandPalette()
 
 applyNonSelectable()
 useEventListener(document, 'keydown', async (e: KeyboardEvent) => {
@@ -79,6 +79,12 @@ function setActiveCmdView(cmd: CommandPaletteType) {
     cmdK.value = false
   }
 }
+
+onMounted(() => {
+  nextTick(() => {
+    refreshCommandPalette()
+  })
+})
 </script>
 
 <template>
diff --git a/packages/nc-gui/components/workspace/CreateProjectDlg.vue b/packages/nc-gui/components/workspace/CreateProjectDlg.vue
index 1f49e1b6c6..7c4212203c 100644
--- a/packages/nc-gui/components/workspace/CreateProjectDlg.vue
+++ b/packages/nc-gui/components/workspace/CreateProjectDlg.vue
@@ -19,10 +19,13 @@ const dialogShow = useVModel(props, 'modelValue', emit)
 const baseType = computed(() => props.type ?? NcProjectType.DB)
 
 const basesStore = useBases()
+
 const { createProject: _createProject } = basesStore
 
 const { navigateToProject } = useGlobal()
 
+const { refreshCommandPalette } = useCommandPalette()
+
 const nameValidationRules = [
   {
     required: true,
@@ -59,6 +62,7 @@ const createProject = async () => {
     setTimeout(() => {
       creating.value = false
     }, 500)
+    refreshCommandPalette()
   }
 }
 
diff --git a/packages/nc-gui/composables/useCommandPalette/index.ts b/packages/nc-gui/composables/useCommandPalette/index.ts
index c76a4958fd..7635247a37 100644
--- a/packages/nc-gui/composables/useCommandPalette/index.ts
+++ b/packages/nc-gui/composables/useCommandPalette/index.ts
@@ -148,23 +148,26 @@ export const useCommandPalette = createSharedComposable(() => {
         if (route.value.params.typeOrId === 'base') {
           if (activeScope.value.scope === 'disabled') return
           activeScope.value = { scope: 'disabled', data: {} }
+
           loadScope()
         } else if (route.value.params.typeOrId === 'nc') {
           if (activeScope.value.data.base_id === route.value.params.baseId) return
+
           activeScope.value = {
             scope: `p-${route.value.params.baseId}`,
-            data: {},
+            data: { base_id: route.value.params.baseId },
           }
-          loadScope()
         }
       } else {
         if (route.value.path.startsWith('/account')) {
           if (activeScope.value.scope === 'account_settings') return
           activeScope.value = { scope: 'account_settings', data: {} }
+
           loadScope()
         } else {
           if (activeScope.value.scope === 'root') return
           activeScope.value = { scope: 'root', data: {} }
+
           loadScope()
         }
       }