From 81d191406d2f8acfca3402fba9a3ea094e9fd1a1 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Sat, 8 Oct 2022 11:13:25 +0530
Subject: [PATCH] chore(gui): lint

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../smartsheet/toolbar/ColumnFilterMenu.vue        |  3 +--
 .../components/smartsheet/toolbar/FieldsMenu.vue   |  1 -
 .../components/smartsheet/toolbar/SortListMenu.vue |  2 +-
 .../nc-gui/composables/useGridViewColumnWidth.ts   |  2 +-
 packages/nc-gui/composables/useViewColumns.ts      | 14 +++++++++-----
 5 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/toolbar/ColumnFilterMenu.vue b/packages/nc-gui/components/smartsheet/toolbar/ColumnFilterMenu.vue
index af4f87aa31..37bca9be79 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/ColumnFilterMenu.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/ColumnFilterMenu.vue
@@ -85,8 +85,7 @@ const filterAutoSaveLoc = computed({
         @update:filters-length="filtersLength = $event"
       >
         <div v-if="!isPublic" class="flex items-end mt-2 min-h-[30px]" @click.stop>
-          <a-checkbox id="col-filter-checkbox" v-model:checked="filterAutoSaveLoc" class="col-filter-checkbox"
-                      hide-details dense>
+          <a-checkbox id="col-filter-checkbox" v-model:checked="filterAutoSaveLoc" class="col-filter-checkbox" hide-details dense>
             <span class="text-grey text-xs">
               {{ $t('msg.info.filterAutoApply') }}
               <!-- Auto apply -->
diff --git a/packages/nc-gui/components/smartsheet/toolbar/FieldsMenu.vue b/packages/nc-gui/components/smartsheet/toolbar/FieldsMenu.vue
index f6b74584bf..d7492bc50e 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/FieldsMenu.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/FieldsMenu.vue
@@ -39,7 +39,6 @@ const {
   showSystemFields,
   sortedAndFilteredFields,
   fields,
-  loadViewColumns,
   filteredFieldList,
   filterQuery,
   showAll,
diff --git a/packages/nc-gui/components/smartsheet/toolbar/SortListMenu.vue b/packages/nc-gui/components/smartsheet/toolbar/SortListMenu.vue
index 3112d08d20..041b80ff8c 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/SortListMenu.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/SortListMenu.vue
@@ -33,7 +33,7 @@ const columnByID = computed(() =>
 watch(
   () => view.value?.id,
   (viewId) => {
-    if(viewId)loadSorts()
+    if (viewId) loadSorts()
   },
   { immediate: true },
 )
diff --git a/packages/nc-gui/composables/useGridViewColumnWidth.ts b/packages/nc-gui/composables/useGridViewColumnWidth.ts
index adca292855..27f3855298 100644
--- a/packages/nc-gui/composables/useGridViewColumnWidth.ts
+++ b/packages/nc-gui/composables/useGridViewColumnWidth.ts
@@ -52,7 +52,7 @@ export function useGridViewColumnWidth(view: Ref<GridType | undefined>) {
 
   /** when columns changes(create/delete) reload grid columns
    * or when view changes reload columns width  */
-  watch([() => columns.value?.length, () => view?.value?.id ], loadGridViewColumns)
+  watch([() => columns.value?.length, () => view?.value?.id], loadGridViewColumns)
 
   const updateWidth = async (id: string, width: string) => {
     if (gridViewCols?.value?.[id]) {
diff --git a/packages/nc-gui/composables/useViewColumns.ts b/packages/nc-gui/composables/useViewColumns.ts
index c754325bc4..ed7b4f0dad 100644
--- a/packages/nc-gui/composables/useViewColumns.ts
+++ b/packages/nc-gui/composables/useViewColumns.ts
@@ -206,11 +206,15 @@ export function useViewColumns(
   })
 
   // reload view columns when table meta changes
-  watch(() => view?.value?.id, async (newVal) => {
-    if (newVal) {
-      await loadViewColumns()
-    }
-  }, { immediate: true })
+  watch(
+    () => view?.value?.id,
+    async (newVal) => {
+      if (newVal) {
+        await loadViewColumns()
+      }
+    },
+    { immediate: true },
+  )
 
   return {
     fields,