From 032797d1dad1286b8890f77f469eca613ed6589b Mon Sep 17 00:00:00 2001
From: Methapon Metanipat <methapon@frappet.com>
Date: Mon, 28 Oct 2024 14:22:11 +0700
Subject: [PATCH] refactor: use icon instead of character

---
 src/components/BadgeComponent.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/BadgeComponent.vue b/src/components/BadgeComponent.vue
index 5f233ca1..23177ca2 100644
--- a/src/components/BadgeComponent.vue
+++ b/src/components/BadgeComponent.vue
@@ -13,8 +13,7 @@ defineProps<{
     class="rounded q-px-sm flex-center"
     :style="`color: hsla(var(${!!hslaColor ? hslaColor : '--green-6-hsl'}) / 0.8);  background: hsla(var(${!!hslaColor ? hslaColor : '--green-6-hsl'}) / 0.1); `"
   >
-    <template v-if="!icon">&#128900;</template>
-    <Icon v-else :icon style="margin-right: 0.25rem" />
+    <Icon :icon="icon || 'mdi-circle-medium'" style="margin-right: 0.25rem" />
     {{ title || (!!titleI18n ? $t(titleI18n) : '-') }}
   </div>
 </template>