From d081661e4055ad8b017b5e61c9d46a2cb086fd76 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Thu, 16 Nov 2023 12:24:23 +0000
Subject: [PATCH] refactor: custom render only for specific db type

---
 .../components/smartsheet/grid/GroupByLabel.vue       | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/grid/GroupByLabel.vue b/packages/nc-gui/components/smartsheet/grid/GroupByLabel.vue
index ee2bd5cf2a..b4cff2b4f2 100644
--- a/packages/nc-gui/components/smartsheet/grid/GroupByLabel.vue
+++ b/packages/nc-gui/components/smartsheet/grid/GroupByLabel.vue
@@ -1,18 +1,22 @@
 <script setup lang="ts">
 import type { ColumnType } from 'nocodb-sdk'
-import { isVirtualCol } from 'nocodb-sdk'
+import { UITypes, isVirtualCol } from 'nocodb-sdk'
 
-defineProps<{
+const props = defineProps<{
   column: ColumnType
   modelValue: any
 }>()
 
 provide(ReadonlyInj, true)
+
+const renderCell = computed(() =>
+  [UITypes.Lookup, UITypes.Attachment, UITypes.Barcode, UITypes.QrCode, UITypes.Links].includes(props.column?.uidt),
+)
 </script>
 
 <template>
   <div class="pointer-events-none">
-    <LazySmartsheetRow v-show="!showSkeleton" :row="{ row: { [column.title]: modelValue }, rowMeta: {} }">
+    <LazySmartsheetRow v-if="renderCell" :row="{ row: { [column.title]: modelValue }, rowMeta: {} }">
       <LazySmartsheetVirtualCell v-if="isVirtualCol(column)" :model-value="modelValue" class="!text-gray-600" :column="column" />
 
       <LazySmartsheetCell
@@ -24,5 +28,6 @@ provide(ReadonlyInj, true)
         :read-only="true"
       />
     </LazySmartsheetRow>
+    <template v-else>{{ modelValue }}</template>
   </div>
 </template>