From 0fe3bff2fa8c796c7f8c1d55b64c4214c0ae3c74 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Thu, 27 Jul 2023 10:13:28 +0530
Subject: [PATCH] fix: use class instead of prop color for indicator icon

---
 frontend/src/components/Icons/IndicatorIcon.vue | 12 ++----------
 frontend/src/components/ListView.vue            |  2 +-
 2 files changed, 3 insertions(+), 11 deletions(-)

diff --git a/frontend/src/components/Icons/IndicatorIcon.vue b/frontend/src/components/Icons/IndicatorIcon.vue
index d39089b6..545c9f76 100644
--- a/frontend/src/components/Icons/IndicatorIcon.vue
+++ b/frontend/src/components/Icons/IndicatorIcon.vue
@@ -6,15 +6,7 @@
     viewBox="0 0 16 16"
     fill="none"
   >
-    <rect width="16" height="16" rx="4.5" :class="['fill-current', color]" />
+    <rect width="16" height="16" rx="4.5" class="fill-current currentColor" />
     <circle cx="8" cy="8" r="3" fill="white" />
   </svg>
-</template>
-<script setup>
-const props = defineProps({
-  color: {
-    type: String,
-    default: 'currentColor',
-  },
-})
-</script>
+</template>
\ No newline at end of file
diff --git a/frontend/src/components/ListView.vue b/frontend/src/components/ListView.vue
index 52a9452c..f620d267 100644
--- a/frontend/src/components/ListView.vue
+++ b/frontend/src/components/ListView.vue
@@ -101,7 +101,7 @@
               />
             </div>
             <div v-else-if="column.type === 'indicator'">
-              <IndicatorIcon :color="getValue(row[column.key]).color" />
+              <IndicatorIcon :class="getValue(row[column.key]).color" />
             </div>
             <div class="text-base text-gray-900 truncate">
               {{ getValue(row[column.key]).label }}