From 70da4b3354107a6300b94cfdacfc2877507bff61 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Wed, 3 Aug 2022 15:35:29 +0800
Subject: [PATCH] feat(gui-v2): handle color

---
 .../smartsheet-column/RatingOptions.vue         | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui-v2/components/smartsheet-column/RatingOptions.vue b/packages/nc-gui-v2/components/smartsheet-column/RatingOptions.vue
index d85c6b8cd4..4927187156 100644
--- a/packages/nc-gui-v2/components/smartsheet-column/RatingOptions.vue
+++ b/packages/nc-gui-v2/components/smartsheet-column/RatingOptions.vue
@@ -35,9 +35,20 @@ const iconList = ref([
       <a-form-item label="Icon">
         <a-select v-model:value="formState.meta.icon" size="small" class="w-52">
           <!-- TODO: handle value -->
-          <!-- TODO: handle color -->
-          <a-select-option v-for="(icon, i) in iconList ?? []" :key="i" :value="icon.full">
-            <component :is="getMdiIcon(icon.full)" />
+          <a-select-option v-for="(icon, i) in iconList ?? []" :key="i" :value="icon">
+            <component
+              :is="getMdiIcon(icon.full)"
+              :style="{
+                color: formState.meta.color,
+              }"
+            />
+            {{ ' ' }}
+            <component
+              :is="getMdiIcon(icon.empty)"
+              :style="{
+                color: formState.meta.color,
+              }"
+            />
           </a-select-option>
         </a-select>
       </a-form-item>