From f49dec676a818044bc0f9143f4e5384e06072f02 Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Mon, 22 Apr 2024 14:55:21 +0700
Subject: [PATCH] feat: fixed color on stat card

---
 src/components/StatCardComponent.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/StatCardComponent.vue b/src/components/StatCardComponent.vue
index 69d1d5ab..83939578 100644
--- a/src/components/StatCardComponent.vue
+++ b/src/components/StatCardComponent.vue
@@ -8,6 +8,7 @@ const props = withDefaults(
       label: string;
     }[];
     dark?: boolean;
+    color?: 'pink' | 'purple';
     isBranch?: boolean;
   }>(),
   {
@@ -15,7 +16,7 @@ const props = withDefaults(
   },
 );
 
-const color = ['pink', 'purple'];
+const colorRotate = ['pink', 'purple'];
 </script>
 
 <template>
@@ -28,7 +29,7 @@ const color = ['pink', 'purple'];
       v-for="(v, i) in props.branch"
       :key="v.label"
       class="bordered wave col-12"
-      :class="{ [`stat__${color[i % 2]}`]: true }"
+      :class="{ [`stat__${color || colorRotate[i % 2]}`]: true }"
       style="width: 200px; min-width: 150px; box-shadow: var(--shadow-2)"
     >
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">