From 9b575b7f97dd7a0b0c26e5fa947f08d8f27ee860 Mon Sep 17 00:00:00 2001 From: Hristo Nedelkov Date: Mon, 1 Apr 2024 23:43:55 +0300 Subject: [PATCH] feat(deposit status): create deposit status stories --- .../DepositStatus/DepositStatus.stories.tsx | 21 +++++++++++++++++++ .../DepositStatus/DepositStepper.stories.tsx | 21 +++++++++++++++++++ 2 files changed, 42 insertions(+) create mode 100644 src/pages/ManageValidator/LeftManage/ValidatorBlueSection/DepositStatus/DepositStatus.stories.tsx create mode 100644 src/pages/ManageValidator/LeftManage/ValidatorBlueSection/DepositStatus/DepositStepper.stories.tsx diff --git a/src/pages/ManageValidator/LeftManage/ValidatorBlueSection/DepositStatus/DepositStatus.stories.tsx b/src/pages/ManageValidator/LeftManage/ValidatorBlueSection/DepositStatus/DepositStatus.stories.tsx new file mode 100644 index 00000000..42a603b3 --- /dev/null +++ b/src/pages/ManageValidator/LeftManage/ValidatorBlueSection/DepositStatus/DepositStatus.stories.tsx @@ -0,0 +1,21 @@ +import type { Meta, StoryObj } from '@storybook/react' + +import DepositStatus from './DepositStatus' +import { withRouter } from 'storybook-addon-react-router-v6' + +const meta = { + title: 'Manage Validator/DepositStatus', + component: DepositStatus, + parameters: { + layout: 'centered', + }, + tags: ['autodocs'], + decorators: [withRouter], +} satisfies Meta + +export default meta +type Story = StoryObj + +export const Default: Story = { + args: {}, +} diff --git a/src/pages/ManageValidator/LeftManage/ValidatorBlueSection/DepositStatus/DepositStepper.stories.tsx b/src/pages/ManageValidator/LeftManage/ValidatorBlueSection/DepositStatus/DepositStepper.stories.tsx new file mode 100644 index 00000000..8f61fcea --- /dev/null +++ b/src/pages/ManageValidator/LeftManage/ValidatorBlueSection/DepositStatus/DepositStepper.stories.tsx @@ -0,0 +1,21 @@ +import type { Meta, StoryObj } from '@storybook/react' + +import DepositStepper from './DepositStepper' +import { withRouter } from 'storybook-addon-react-router-v6' + +const meta = { + title: 'Manage Validator/DepositStepper', + component: DepositStepper, + parameters: { + layout: 'centered', + }, + tags: ['autodocs'], + decorators: [withRouter], +} satisfies Meta + +export default meta +type Story = StoryObj + +export const Default: Story = { + args: { activeStep: 3 }, +}