Fix storybook

maryam-saeidi · maryam-saeidi · commit a3ee47892133 · 2026-03-03T18:24:02.000+01:00
diff --git a/storybook/stories/metric/7_layout.story.tsx b/storybook/stories/metric/7_layout.story.tsx
@@ -104,7 +104,7 @@ export const Example: ChartsStory = (_, { title: storyTitle, description }) => {
   const dynamicBadgeColor = boolean('Dynamic badge color', true, secondaryMetricGroup);
   const badgeColor = dynamicBadgeColor
     ? (() => {
-        const badgeColorKey = select(
+        const selectedBadgeColor = select(
           'Secondary metric value color',
           {
             compareTo1: 'compareTo1',
@@ -116,8 +116,11 @@ export const Example: ChartsStory = (_, { title: storyTitle, description }) => {
           } satisfies Record<BadgeColorKey, BadgeColorKey>,
           'compareTo3',
           secondaryMetricGroup,
-        ) as BadgeColorKey;
-        return badgeColorMap[badgeColorKey];
+        ) as string;
+
+        return (
+          badgeColorMap[selectedBadgeColor as BadgeColorKey] ?? { background: selectedBadgeColor, text: undefined }
+        );
       })()
     : { background: color('Secondary metric value color', '#24C292', secondaryMetricGroup), text: undefined };
 
