fix(gui): icons in ui acl and shared base

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

packages/nc-gui/components/dashboard/settings/UIAcl.vue

@@ -10,7 +10,6 @@ import {
   useI18n,
   useNuxtApp,
   useProject,
-  viewIcons,
 } from '#imports'
 
 const props = defineProps<{
@@ -172,9 +171,11 @@ const columns = [
             </div>
 
             <div v-if="column.name === 'view_name'">
-              <div class="flex items-center">
-                <component :is="viewIcons[record.type].icon" :class="`text-${viewIcons[record.type].color} mr-1`" />
-                {{ record.title }}
+              <div class="flex items-center gap-1">
+                <div class="min-w-5 flex items-center justify-center">
+                  <GeneralViewIcon :meta="record" class="text-gray-500"></GeneralViewIcon>
+                </div>
+                <span class="overflow-ellipsis min-w-0 shrink-1">{{ record.title }}</span>
               </div>
             </div>
 

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

@@ -1,17 +1,12 @@
 <script setup lang="ts">
-import { ActiveViewInj, inject, viewIcons } from '#imports'
+import { ActiveViewInj, inject } from '#imports'
 
 const selectedView = inject(ActiveViewInj)
 </script>
 
 <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">
-    <component
-      :is="viewIcons[selectedView?.type].icon"
-      v-if="selectedView?.type"
-      class="nc-view-icon group-hover:hidden"
-      :style="{ color: viewIcons[selectedView?.type].color }"
-    />
+    <GeneralViewIcon class="nc-view-icon" :meta="selectedView"></GeneralViewIcon>
 
     <span class="!text-sm font-medium max-w-36 overflow-ellipsis overflow-hidden whitespace-nowrap">
       {{ selectedView?.title }}