fix(gui): avoid duplicate watch and only trigger when active view id changes

Signed-off-by: Pranav C <pranavxc@gmail.com>

packages/nc-gui/components/smartsheet/toolbar/ColumnFilterMenu.vue

@@ -41,9 +41,9 @@ const { filters, loadFilters } = useViewFilters(
 const filtersLength = ref(0)
 
 watch(
-  () => activeView?.value,
+  () => activeView?.value?.id,
-  async (view) => {
+  async (viewId) => {
-    if (view?.id) {
+    if (viewId) {
       await loadFilters()
       filtersLength.value = filters.value.length || 0
     }

packages/nc-gui/components/smartsheet/toolbar/FieldsMenu.vue

@@ -48,16 +48,6 @@ const {
   metaColumnById,
 } = useViewColumns(activeView, meta, () => reloadDataHook.trigger())
 
-watch(
-  () => activeView.value?.id,
-  async (newVal, oldVal) => {
-    if (newVal && newVal !== oldVal && meta.value) {
-      await loadViewColumns()
-    }
-  },
-  { immediate: true },
-)
-
 watch(
   sortedAndFilteredFields,
   (v) => {

packages/nc-gui/composables/useViewColumns.ts

@@ -206,11 +206,11 @@ export function useViewColumns(
   })
 
   // reload view columns when table meta changes
-  watch(meta, async (newVal, oldVal) => {
+  watch(() => view?.value?.id, async (newVal) => {
-    if (newVal !== oldVal && newVal) {
+    if (newVal) {
       await loadViewColumns()
     }
-  })
+  }, { immediate: true })
 
   return {
     fields,