From 53775bac2daa49bee5f713ec46b5538f73face21 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Wed, 30 Aug 2023 12:17:44 +0300
Subject: [PATCH] feat: add different values to act sync card story

---
 .../Activation/ActivationSyncCard.stories.ts  | 34 ++++++++++++++++++-
 1 file changed, 33 insertions(+), 1 deletion(-)

diff --git a/src/pages/ValidatorOnboarding/Activation/ActivationSyncCard.stories.ts b/src/pages/ValidatorOnboarding/Activation/ActivationSyncCard.stories.ts
index 0557e877..f9f8b15e 100644
--- a/src/pages/ValidatorOnboarding/Activation/ActivationSyncCard.stories.ts
+++ b/src/pages/ValidatorOnboarding/Activation/ActivationSyncCard.stories.ts
@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react'
+import { withRouter } from 'storybook-addon-react-router-v6'
 
 import ActivationSyncCard from './ActivationSyncCard'
-import { withRouter } from 'storybook-addon-react-router-v6'
 
 const meta = {
   title: 'ValidatorOnboarding/ActivationSyncCard',
@@ -32,3 +32,35 @@ export const Red: Story = {
     gaugeTotal: 172.503,
   },
 }
+
+export const MaxValue: Story = {
+  args: {
+    gaugeColor: '#2a4af5',
+    gaugeSynced: 172.503,
+    gaugeTotal: 172.503,
+  },
+}
+
+export const OverMaxValue: Story = {
+  args: {
+    gaugeColor: '#2a4af5',
+    gaugeSynced: 200,
+    gaugeTotal: 172.503,
+  },
+}
+
+export const MinValue: Story = {
+  args: {
+    gaugeColor: '#2a4af5',
+    gaugeSynced: 0,
+    gaugeTotal: 172.503,
+  },
+}
+
+export const UnderMinValue: Story = {
+  args: {
+    gaugeColor: '#2a4af5',
+    gaugeSynced: -100,
+    gaugeTotal: 172.503,
+  },
+}