From 2cf7403c05be14f9275275bdc9b29190f42158a9 Mon Sep 17 00:00:00 2001
From: Muhammed Mustafa <mustafa@nocodb.com>
Date: Fri, 22 Dec 2023 16:03:41 +0000
Subject: [PATCH] fix: Added back icon

---
 .../smartsheet/column/FormulaOptions.vue      | 25 +++++++++----------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet/column/FormulaOptions.vue b/packages/nc-gui/components/smartsheet/column/FormulaOptions.vue
index 67ccf40c8a..572b4097f3 100644
--- a/packages/nc-gui/components/smartsheet/column/FormulaOptions.vue
+++ b/packages/nc-gui/components/smartsheet/column/FormulaOptions.vue
@@ -346,10 +346,13 @@ onMounted(() => {
             >
               <a-list-item-meta>
                 <template #title>
-                  <div class="flex">
-                    <a-col :span="6">
-                      <span class="prose-sm text-gray-600">{{ item.text }}</span>
-                    </a-col>
+                  <div class="flex items-center gap-x-1">
+                    <component :is="iconMap.function" v-if="item.type === 'function'" class="text-lg" />
+
+                    <component :is="iconMap.calculator" v-if="item.type === 'op'" class="text-lg" />
+
+                    <component :is="item.icon" v-if="item.type === 'column'" class="text-lg" />
+                    <span class="prose-sm text-gray-600">{{ item.text }}</span>
                   </div>
                 </template>
               </a-list-item-meta>
@@ -379,15 +382,11 @@ onMounted(() => {
             >
               <a-list-item-meta>
                 <template #title>
-                  <div class="flex">
-                    <a-col :span="6">
-                      <span class="prose-sm text-gray-600">{{ item.text }}</span>
-                    </a-col>
-                  </div>
-                </template>
+                  <div class="flex items-center gap-x-1">
+                    <component :is="item.icon" class="text-lg" />
 
-                <template #avatar>
-                  <component :is="item.icon" class="text-lg" />
+                    <span class="prose-sm text-gray-600">{{ item.text }}</span>
+                  </div>
                 </template>
               </a-list-item-meta>
             </a-list-item>
@@ -400,6 +399,6 @@ onMounted(() => {
 
 <style lang="scss" scoped>
 :deep(.ant-list-item) {
-  @apply !pt-1.75 pb-0.75 !px-3;
+  @apply !pt-1.75 pb-0.75 !px-2;
 }
 </style>