From 8fe15ef4fbbdb6a9f477c9b1e29dd2d1d98d5e93 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Fri, 23 Dec 2022 16:57:41 +0530
Subject: [PATCH] refactor(gui): icon size and other requested changes

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 packages/nc-gui/app.vue                                        | 1 -
 packages/nc-gui/components/general/TableIcon.vue               | 2 +-
 packages/nc-gui/components/general/ViewIcon.vue                | 2 +-
 packages/nc-gui/components/smartsheet/expanded-form/Header.vue | 2 +-
 packages/nc-gui/components/smartsheet/toolbar/ViewInfo.vue     | 2 +-
 packages/nc-gui/layouts/shared-view.vue                        | 2 +-
 6 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/packages/nc-gui/app.vue b/packages/nc-gui/app.vue
index b3c147e5e1..32480b0839 100644
--- a/packages/nc-gui/app.vue
+++ b/packages/nc-gui/app.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import '@purge-icons/generated'
 import { applyNonSelectable, computed, useRoute, useTheme } from '#imports'
 
 const route = useRoute()
diff --git a/packages/nc-gui/components/general/TableIcon.vue b/packages/nc-gui/components/general/TableIcon.vue
index 732cf953c5..cfac78343b 100644
--- a/packages/nc-gui/components/general/TableIcon.vue
+++ b/packages/nc-gui/components/general/TableIcon.vue
@@ -13,7 +13,7 @@ const { meta: tableMeta } = defineProps<{
     :data-testid="`nc-icon-${tableMeta.meta?.icon}`"
     class="text-lg"
     :icon="tableMeta.meta?.icon"
-  ></IcIcon>
+  />
 
   <MdiEyeCircleOutline v-else-if="tableMeta?.type === 'view'" class="w-5" />
   <MdiTableLarge v-else class="w-5" />
diff --git a/packages/nc-gui/components/general/ViewIcon.vue b/packages/nc-gui/components/general/ViewIcon.vue
index 5d347ea34b..5e6a18b9dc 100644
--- a/packages/nc-gui/components/general/ViewIcon.vue
+++ b/packages/nc-gui/components/general/ViewIcon.vue
@@ -14,7 +14,7 @@ const { meta: viewMeta } = defineProps<{
     :data-testid="`nc-icon-${viewMeta?.meta?.icon}`"
     class="text-[16px]"
     :icon="viewMeta?.meta?.icon"
-  ></IcIcon>
+  />
   <component
     :is="viewIcons[viewMeta.type]?.icon"
     v-else
diff --git a/packages/nc-gui/components/smartsheet/expanded-form/Header.vue b/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
index 823d5f9800..c2379e4bc5 100644
--- a/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
+++ b/packages/nc-gui/components/smartsheet/expanded-form/Header.vue
@@ -77,7 +77,7 @@ useEventListener(document, 'keydown', async (e: KeyboardEvent) => {
 <template>
   <div class="flex p-2 items-center gap-2 p-4 nc-expanded-form-header">
     <h5 class="text-lg font-weight-medium flex items-center gap-1 mb-0 min-w-0 overflow-x-hidden truncate">
-      <GeneralTableIcon :style="{ color: iconColor }" :meta="meta" class="mx-2"></GeneralTableIcon>
+      <GeneralTableIcon :style="{ color: iconColor }" :meta="meta" class="mx-2" />
 
       <template v-if="meta">
         {{ meta.title }}
diff --git a/packages/nc-gui/components/smartsheet/toolbar/ViewInfo.vue b/packages/nc-gui/components/smartsheet/toolbar/ViewInfo.vue
index eb9d8a1d44..524824660b 100644
--- a/packages/nc-gui/components/smartsheet/toolbar/ViewInfo.vue
+++ b/packages/nc-gui/components/smartsheet/toolbar/ViewInfo.vue
@@ -6,7 +6,7 @@ const selectedView = inject(ActiveViewInj)
 
 <template>
   <div class="flex gap-2 items-center ml-2 mr-2 pr-4 pb-1 py-0.5 border-r-1 border-gray-100">
-    <GeneralViewIcon class="nc-view-icon" :meta="selectedView"></GeneralViewIcon>
+    <GeneralViewIcon class="nc-view-icon" :meta="selectedView" />
 
     <span class="!text-sm font-medium max-w-36 overflow-ellipsis overflow-hidden whitespace-nowrap">
       {{ selectedView?.title }}
diff --git a/packages/nc-gui/layouts/shared-view.vue b/packages/nc-gui/layouts/shared-view.vue
index 797f68f5d4..cc4dd367f7 100644
--- a/packages/nc-gui/layouts/shared-view.vue
+++ b/packages/nc-gui/layouts/shared-view.vue
@@ -59,7 +59,7 @@ export default {
               </template>
 
               <div v-else class="text-xl font-semibold truncate text-white nc-shared-view-title flex gap-2 items-center">
-                <GeneralViewIcon class="!text-2xl" :meta="sharedView" />
+                <GeneralViewIcon class="!text-xl" :meta="sharedView" />
                 {{ sharedView?.title }}
               </div>
             </div>