From 8541eaf3eea4ea8895f14dbbb67fab7f5d1102c2 Mon Sep 17 00:00:00 2001
From: Pranav C <pranavxc@gmail.com>
Date: Tue, 10 Aug 2021 12:22:37 +0530
Subject: [PATCH] feat: Show lookup cell same as referred cell

re #416

Signed-off-by: Pranav C <pranavxc@gmail.com>
---
 .../virtualCell/components/itemChip.vue       |  3 ++-
 .../components/virtualCell/lookupCell.vue     | 19 +++++++++++++++++--
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/components/project/spreadsheet/components/virtualCell/components/itemChip.vue b/packages/nc-gui/components/project/spreadsheet/components/virtualCell/components/itemChip.vue
index fcbb16d66a..e7b5969d2d 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/virtualCell/components/itemChip.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/virtualCell/components/itemChip.vue
@@ -7,7 +7,8 @@
     :color="isDark ? '' : 'primary lighten-5'"
     @click="!readonly && active && $emit('edit',item)"
   >
-    <span class="name" :title="value">{{ value }}</span>
+    <!--    <span class="name" :title="value">{{ value }}</span>-->
+    <slot><span class="name" :title="value">{{ value }}</span></slot>
     <div v-show="active" v-if="!readonly" class="mr-n1 ml-2">
       <x-icon
         :color="['text' , 'textLight']"
diff --git a/packages/nc-gui/components/project/spreadsheet/components/virtualCell/lookupCell.vue b/packages/nc-gui/components/project/spreadsheet/components/virtualCell/lookupCell.vue
index d70ec1d75c..d5d7626f94 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/virtualCell/lookupCell.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/virtualCell/lookupCell.vue
@@ -8,7 +8,15 @@
           :active="active"
           :value="value"
           :readonly="true"
-        />
+        >
+          <table-cell
+            :column="lookUpColumn"
+            :meta="lookUpMeta"
+            :db-alias="nodes.dbAlias"
+            :value="value"
+            :sql-ui="sqlUi"
+          />
+        </item-chip>
       </template>
       <span
         v-if="localValue && localValue.length === 10"
@@ -39,10 +47,11 @@
 import ItemChip from '@/components/project/spreadsheet/components/virtualCell/components/itemChip'
 import ListChildItemsModal
   from '@/components/project/spreadsheet/components/virtualCell/components/listChildItemsModal'
+import TableCell from '../cell'
 
 export default {
   name: 'LookupCell',
-  components: { ListChildItemsModal, ItemChip },
+  components: { TableCell, ListChildItemsModal, ItemChip },
   props: {
     meta: [Object],
     column: [Object],
@@ -78,6 +87,12 @@ export default {
       }
       return (this.$store.state.meta.metas[this.column.lk.ltn].columns.find(cl => cl.cn === this.column.lk.lcn) || {})._cn
     },
+    lookUpColumn() {
+      if (!this.lookUpMeta || !this.column.lk.lcn) {
+        return
+      }
+      return (this.$store.state.meta.metas[this.column.lk.ltn].columns.find(cl => cl.cn === this.column.lk.lcn) || {})
+    },
     localValueObj() {
       if (!this.column || !this.row) {
         return null