status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-12 11:28:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add examples for key generation sync card story

Browse Source
This commit is contained in:
RadoslavDimchev 2023-08-30 12:39:02 +03:00
parent 53775bac2d
commit 99b150ef6a
1 changed files with 55 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
src/pages/ValidatorOnboarding/KeyGeneration/KeyGenerationHeader/KeyGenerationSyncCard.stories.ts
View File

@ -15,7 +15,7 @@ const meta = {
export default meta
type Story = StoryObj<typeof meta>
export const Page: Story = {
export const Blue: Story = {
args: {
synced: 123.524,
total: 172.503,
@ -23,3 +23,57 @@ export const Page: Story = {
color: '#2a4af5',
},
}
export const Red: Story = {
args: {
synced: 123.524,
total: 172.503,
title: 'Execution Sync Status',
color: '#ff6161',
},
}
export const MaxValue: Story = {
args: {
synced: 172.503,
total: 172.503,
title: 'Execution Sync Status',
color: '#2a4af5',
},
}
export const OverMaxValue: Story = {
args: {
synced: 200,
total: 172.503,
title: 'Execution Sync Status',
color: '#2a4af5',
},
}
export const MinValue: Story = {
args: {
synced: 0,
total: 172.503,
title: 'Execution Sync Status',
color: '#2a4af5',
},
}
export const UnderMinValue: Story = {
args: {
synced: -100,
total: 172.503,
title: 'Execution Sync Status',
color: '#2a4af5',
},
}
export const WithoutTitle: Story = {
args: {
synced: 123.524,
total: 172.503,
title: '',
color: '#2a4af5',
},
}