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

---
 .../project/spreadsheet/components/SortListMenu.vue      | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/nc-gui/components/project/spreadsheet/components/SortListMenu.vue b/packages/nc-gui/components/project/spreadsheet/components/SortListMenu.vue
index ed685ced31..977ed9dedb 100644
--- a/packages/nc-gui/components/project/spreadsheet/components/SortListMenu.vue
+++ b/packages/nc-gui/components/project/spreadsheet/components/SortListMenu.vue
@@ -53,6 +53,9 @@
               <span
                 :class="`caption font-weight-regular nc-sort-fld-${item.title}`"
               >
+                <v-icon color="grey darken-4" small class="mr-1">
+                  {{ item.icon }}
+                </v-icon>
                 {{ item.title }}
               </span>
             </template>
@@ -90,6 +93,7 @@
 
 <script>
 import { RelationTypes, UITypes } from "nocodb-sdk";
+import { getUIDTIcon } from '~/components/project/spreadsheet/helpers/uiTypes'
 
 export default {
   name: "SortListMenu",
@@ -115,7 +119,10 @@ export default {
             c.uidt === UITypes.LinkToAnotherRecord &&
             c.colOptions.type !== RelationTypes.BELONGS_TO
           )
-      );
+      ).map(c => ({
+        ...c,
+        icon: getUIDTIcon(c.uidt)
+      }));
     },
   },
   watch: {