refactor(gui-v2): corrections

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

packages/nc-gui-v2/components/smartsheet/Pagination.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { computed, inject } from 'vue'
 import { ChangePageInj, PaginationDataInj } from '~/components'
+import MdiKeyboardIcon from '~icons/mdi/keyboard-return'
 
 const paginatedData = inject(PaginationDataInj)
 const changePage = inject(ChangePageInj)
@@ -73,7 +74,8 @@ export default {
         @keydown.enter="changePage(page)"
       >
         <template #append>
-          <x-icon tooltip="Change page" small icon.class="mt-1" @click="changePage(page)"> mdi-keyboard-return </x-icon>
+          <MdiKeyboardIcon small icon.class="mt-1" @click="changePage(page)" />
+          <!--          <x-icon tooltip="Change page" small icon.class="mt-1" @click="changePage(page)"> mdi-keyboard-return </x-icon> -->
         </template>
       </v-text-field>
     </div>

packages/nc-gui-v2/components/virtual-cell/BelongsTo.vue

@@ -6,6 +6,7 @@ import useBelongsTo from '~/composables/useBelongsTo'
 
 const column = inject(ColumnInj)
 const value = inject('value')
+const active = false
 
 const { parentMeta, loadParentMeta, primaryValueProp } = useBelongsTo(column as ColumnType)
 await loadParentMeta()

packages/nc-gui-v2/components/virtual-cell/HasMany.vue

@@ -6,6 +6,7 @@ import { ColumnInj } from '~/components'
 import useHasMany from '~/composables/useHasMany'
 const column = inject(ColumnInj)
 const value = inject('value')
+const active = false
 
 const { childMeta, loadChildMeta, primaryValueProp } = useHasMany(column as ColumnType)
 await loadChildMeta()

packages/nc-gui-v2/components/virtual-cell/ManyToMany.vue

@@ -5,6 +5,7 @@ import { ColumnInj } from '~/components'
 import useManyToMany from '~/composables/useManyToMany'
 const column = inject(ColumnInj)
 const value = inject('value')
+const active = false
 
 const { childMeta, loadChildMeta, primaryValueProp } = useManyToMany(column as ColumnType)
 await loadChildMeta()

packages/nc-gui-v2/components/virtual-cell/components/ItemChip.vue

@@ -19,19 +19,17 @@ const { value, active, item, readonly } = defineProps({
 </script>
 
 <template>
-  <v-chip
-    class="chip"
-    :class="{ active }"
-    small
-    text-color="textColor"
+  <v-chip class="chip" :class="{ active }" small text-color="textColor">
+    <!--
     :color="isDark ? '' : 'primary lighten-5'"
-    @click="!readonly && active && $emit('edit', item)"
-  >
+    @click="!readonly && active && $emit('edit', item)" -->
     <span class="name" :title="value">{{ value }}</span>
 
     <!--    && _isUIAllowed('xcDatatableEditable') -->
     <div v-show="active" v-if="!readonly" class="mr-n1 ml-2">
-      <MdiCloseThickIcon class="unlink-icon" @click.stop="$emit('unlink', item)"> </MdiCloseThickIcon>
+      <MdiCloseThickIcon class="unlink-icon">
+        <!--        @click.stop="$emit('unlink', item)" -->
+      </MdiCloseThickIcon>
     </div>
   </v-chip>
 </template>