handle types

gitcoinco · Oct 24, 2024 · c85c644 · c85c644
1 parent 5ba717a
commit c85c644
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/src/primitives/Indicators/CircleStat/CircleStat.stories.tsx b/src/primitives/Indicators/CircleStat/CircleStat.stories.tsx
@@ -17,6 +17,11 @@ const meta: Meta<typeof CircleStat> = {
     },
     text: {
       control: "number",
+      table: {
+        type: {
+          summary: "number | string",
+        },
+      },
     },
     showPercentageSymbol: {
       control: "boolean",

diff --git a/src/primitives/Indicators/CircleStat/CircleStat.tsx b/src/primitives/Indicators/CircleStat/CircleStat.tsx
@@ -42,12 +42,14 @@ export const CircleStat: React.FC<CircleStatProps> = ({
 
   const getColor = (text: number | string) => {
     if (color) return color;
-    if (typeof text === "string") {
+    const value = typeof text === "string" ? parseFloat(text) : text;
+
+    if (isNaN(value)) {
       return defaultColors.low;
     }
-    if (text <= 30) {
+    if (value <= 30) {
       return defaultColors.low;
-    } else if (text < 60) {
+    } else if (value < 60) {
       return defaultColors.mid;
     } else {
       return defaultColors.high;