From 4bf0b64b0f2a3696ea982429238def104ede141e Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Thu, 26 May 2022 17:13:07 +0800
Subject: [PATCH] enhancement: add icons to column filter

---
 .../project/spreadsheet/components/ColumnFilter.vue | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/packages/nc-gui/components/project/spreadsheet/components/ColumnFilter.vue b/packages/nc-gui/components/project/spreadsheet/components/ColumnFilter.vue
index 3e67ebf40e..ff54c604aa 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/ColumnFilter.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/ColumnFilter.vue
@@ -109,9 +109,10 @@
               @change="saveOrUpdate(filter, i)"
             >
               <template #item="{ item }">
-                <span
-                  :class="`caption font-weight-regular nc-filter-fld-${item.title}`"
-                >
+                <span :class="`caption font-weight-regular nc-filter-fld-${item.title}`">
+                  <v-icon color="grey darken-4" small class="mr-1">
+                    {{ item.icon }}
+                  </v-icon>
                   {{ item.title }}
                 </span>
               </template>
@@ -182,6 +183,7 @@
 </template>
 
 <script>
+import { getUIDTIcon } from '../helpers/uiTypes'
 import { UITypes } from '~/components/project/spreadsheet/helpers/uiTypes'
 
 export default {
@@ -276,7 +278,10 @@ export default {
     columns() {
       return (
         this.meta &&
-        this.meta.columns.filter(c => c && (!c.colOptions || !c.system))
+        this.meta.columns.filter(c => c && (!c.colOptions || !c.system)).map(c => ({
+          ...c,
+          icon: getUIDTIcon(c.uidt)
+        }))
       )
     },
     types() {