From 5420c828a7db67b91939669714f6cdbaa7ca0271 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Fri, 9 Sep 2022 22:25:57 +0800
Subject: [PATCH] feat(nc-gui): show singleSelectFields in stacked by

---
 .../nc-gui/components/smartsheet-toolbar/StackedBy.vue   | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/components/smartsheet-toolbar/StackedBy.vue b/packages/nc-gui/components/smartsheet-toolbar/StackedBy.vue
index 630c9fca5b..7b665c2e77 100644
--- a/packages/nc-gui/components/smartsheet-toolbar/StackedBy.vue
+++ b/packages/nc-gui/components/smartsheet-toolbar/StackedBy.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { ColumnType, GalleryType } from 'nocodb-sdk'
-import { ViewTypes, isVirtualCol } from 'nocodb-sdk'
+import { ViewTypes, isVirtualCol, UITypes } from 'nocodb-sdk'
 import {
   ActiveViewInj,
   FieldsInj,
@@ -74,6 +74,10 @@ const getIcon = (c: ColumnType) =>
   h(isVirtualCol(c) ? VirtualCellIcon : CellIcon, {
     columnMeta: c,
   })
+
+const singleSelectFields = computed(() =>
+  fields.value?.filter((f) => metaColumnById.value[f.fk_column_id as string].uidt === UITypes.SingleSelect),
+)
 </script>
 
 <template>
@@ -103,8 +107,7 @@ const getIcon = (c: ColumnType) =>
           <div class="grouping-field">
             <!-- TODO: add v-model:value -->
             <a-radio-group>
-              <!-- TODO: filter field - only allow single select -->
-              <a-radio v-for="field of fields" :key="field.id" class="h-[30px] !leading-[30px]" :value="field.id">
+              <a-radio v-for="field of singleSelectFields" :key="field.id" class="h-[30px] !leading-[30px]" :value="field.id">
                 {{ field.title }}
               </a-radio>
             </a-radio-group>