From ef767b1f30eb37cd1eec242af32adebe5803cf50 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Thu, 26 May 2022 17:29:28 +0800
Subject: [PATCH] enhancement: add icons to field list

---
 .../project/spreadsheet/components/FieldsMenu.vue          | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/nc-gui/components/project/spreadsheet/components/FieldsMenu.vue b/packages/nc-gui/components/project/spreadsheet/components/FieldsMenu.vue
index 0249957e3d..e3cc5880cd 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/FieldsMenu.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/FieldsMenu.vue
@@ -123,6 +123,9 @@
               @change="saveOrUpdate(field, i)"
             >
               <template #label>
+                <v-icon color="grey darken-4" small class="mr-1">
+                  {{ field.icon }}
+                </v-icon>
                 <span class="caption">{{ field.title }}</span>
               </template>
             </v-checkbox>
@@ -172,6 +175,7 @@
 <script>
 import draggable from 'vuedraggable'
 import { getSystemColumnsIds } from 'nocodb-sdk'
+import { getUIDTIcon } from '~/components/project/spreadsheet/helpers/uiTypes'
 
 export default {
   name: 'FieldsMenu',
@@ -346,7 +350,8 @@ export default {
             title: c.title,
             fk_column_id: c.id,
             ...(fieldById[c.id] ? fieldById[c.id] : {}),
-            order: (fieldById[c.id] && fieldById[c.id].order) || order++
+            order: (fieldById[c.id] && fieldById[c.id].order) || order++,
+            icon: getUIDTIcon(c.uidt)
           }))
           .sort((a, b) => a.order - b.order)
       } else if (this.isPublic) {