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

---
 .../components/project/spreadsheet/RowsXcDataTable.vue      | 3 +++
 .../components/project/spreadsheet/mixins/spreadsheet.js    | 6 +++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/nc-gui/components/project/spreadsheet/RowsXcDataTable.vue b/packages/nc-gui/components/project/spreadsheet/RowsXcDataTable.vue
index 9b40bdc01a..2f46caba35 100644
--- a/packages/nc-gui/components/project/spreadsheet/RowsXcDataTable.vue
+++ b/packages/nc-gui/components/project/spreadsheet/RowsXcDataTable.vue
@@ -29,6 +29,9 @@
               :key="col.column_name"
               @click="searchField = col.title"
             >
+              <v-icon color="grey darken-4" small class="mr-1">
+                {{ col.icon }}
+              </v-icon>
               <span class="caption">{{ col.title }}</span>
             </v-list-item>
           </v-list>
diff --git a/packages/nc-gui/components/project/spreadsheet/mixins/spreadsheet.js b/packages/nc-gui/components/project/spreadsheet/mixins/spreadsheet.js
index 5688a09f44..87ca1b68fc 100644
--- a/packages/nc-gui/components/project/spreadsheet/mixins/spreadsheet.js
+++ b/packages/nc-gui/components/project/spreadsheet/mixins/spreadsheet.js
@@ -1,4 +1,5 @@
 import { isVirtualCol, filterOutSystemColumns } from 'nocodb-sdk'
+import { getUIDTIcon } from '~/components/project/spreadsheet/helpers/uiTypes'
 
 export default {
   data: () => ({
@@ -91,7 +92,10 @@ export default {
       }, [])
     },
     availableRealColumns() {
-      return this.availableColumns && this.availableColumns.filter(c => !isVirtualCol(c))
+      return this.availableColumns && this.availableColumns.filter(c => !isVirtualCol(c)).map(c => ({
+        ...c,
+        icon: getUIDTIcon(c.uidt)
+      }))
     },
 
     allColumns() {