Merge pull request #3367 from nocodb/fix/3366-update-route-on-active-view-delete

fix(gui-v2): navigate to default view if active view deleted

packages/nc-gui-v2/components.d.ts

@@ -170,6 +170,7 @@ declare module '@vue/runtime-core' {
     MdiInformation: typeof import('~icons/mdi/information')['default']
     MdiJson: typeof import('~icons/mdi/json')['default']
     MdiKeyboardReturn: typeof import('~icons/mdi/keyboard-return')['default']
+    MdiKeyChange: typeof import('~icons/mdi/key-change')['default']
     MdiKeyPlus: typeof import('~icons/mdi/key-plus')['default']
     MdiKeyStar: typeof import('~icons/mdi/key-star')['default']
     MdiLink: typeof import('~icons/mdi/link')['default']

packages/nc-gui-v2/components/smartsheet/sidebar/MenuTop.vue

@@ -24,7 +24,9 @@ import DlgViewDelete from '~/components/dlg/ViewDelete.vue'
 
 interface Emits {
   (event: 'openModal', data: { type: ViewTypes; title?: string; copyViewId?: string }): void
+
   (event: 'deleted'): void
+
   (event: 'sorted'): void
 }
 
@@ -186,8 +188,14 @@ function openDeleteDialog(view: Record<string, any>) {
       closeDialog()
 
       emits('deleted')
+      if (activeView.value === view) {
         // return to the default view
-      activeView.value = views.value[0]
+        router.replace({
+          params: {
+            viewTitle: views.value[0].title,
+          },
+        })
+      }
     },
   })
 

packages/nc-gui-v2/composables/useViewData.ts

@@ -8,9 +8,9 @@ import {
   extractPkFromRow,
   extractSdkResponseErrorMsg,
   getHTMLEncodedText,
+  useApi,
   useProject,
   useUIPermission,
-  useApi
 } from '#imports'
 
 const formatData = (list: Record<string, any>[]) =>
@@ -193,8 +193,7 @@ export function useViewData(
           value: getHTMLEncodedText(toUpdate.row[property]),
           prev_value: getHTMLEncodedText(toUpdate.oldRow[property]),
         })
-        .then(() => {
-        })
+        .then(() => {})
 
       /** update row data(to sync formula and other related columns) */
       Object.assign(toUpdate.row, updatedRowData)
@@ -236,7 +235,7 @@ export function useViewData(
 
   const deleteRowById = async (id: string) => {
     if (!id) {
-      throw new Error('Delete not allowed for table which doesn\'t have primary Key')
+      throw new Error("Delete not allowed for table which doesn't have primary Key")
     }
 
     const res: any = await $api.dbViewRow.delete(