From 6e37061520443459e4ac2aa9854f55ed8a596125 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Thu, 6 Jun 2024 12:27:17 +0000
Subject: [PATCH] fix: render rollup with clear separation inside lookup cell

---
 packages/nc-gui/components/virtual-cell/Lookup.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/packages/nc-gui/components/virtual-cell/Lookup.vue b/packages/nc-gui/components/virtual-cell/Lookup.vue
index 72fd57a471..318cb81f9d 100644
--- a/packages/nc-gui/components/virtual-cell/Lookup.vue
+++ b/packages/nc-gui/components/virtual-cell/Lookup.vue
@@ -106,7 +106,7 @@ const { showEditNonEditableFieldWarning, showClearNonEditableFieldWarning, activ
     >
       <template v-if="lookupColumn">
         <!-- Render virtual cell -->
-        <div v-if="isVirtualCol(lookupColumn)" class="flex h-full">
+        <div v-if="isVirtualCol(lookupColumn) && lookupColumn.uidt !== UITypes.Rollup" class="flex h-full">
           <!-- If non-belongs-to and non-one-to-one LTAR column then pass the array value, else iterate and render -->
           <template
             v-if="
@@ -174,7 +174,16 @@ const { showEditNonEditableFieldWarning, showClearNonEditableFieldWarning, activ
                     'min-h-0 min-w-0': isAttachment(lookupColumn),
                   }"
                 >
+                  <LazySmartsheetVirtualCell
+                    v-if="lookupColumn.uidt === UITypes.Rollup"
+                    :edit-enabled="false"
+                    :read-only="true"
+                    :model-value="v"
+                    :column="lookupColumn"
+                    class="px-2"
+                  />
                   <LazySmartsheetCell
+                    v-else
                     :model-value="v"
                     :column="lookupColumn"
                     :edit-enabled="false"
@@ -216,6 +225,7 @@ const { showEditNonEditableFieldWarning, showClearNonEditableFieldWarning, activ
     @apply bg-transparent;
   }
 }
+
 .nc-cell-lookup-scroll:hover {
   &::-webkit-scrollbar-thumb {
     @apply bg-gray-200;