ElyBy-Mirror/accounts-frontend
1
0
Fork 0
mirror of https://github.com/elyby/accounts-frontend.git synced 2025-05-31 14:11:58 +05:30
Code Issues Packages Projects Releases Wiki Activity

Introduce storybooks for all profile pages

Browse Source
This commit is contained in:
ErickSkrauch
2020-07-21 15:30:18 +03:00
parent 347fd59319
commit 19a9f952ea
15 changed files with 601 additions and 391 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
packages/app/components/profile/changeEmail/ChangeEmail.story.tsx Normal file
View File

@@ -0,0 +1,69 @@
import React from 'react';
import { storiesOf } from '@storybook/react';
import { action } from '@storybook/addon-actions';
import { ProfileLayout } from 'app/components/profile/Profile.story';
import ChangeEmail from './ChangeEmail';
storiesOf('Components/Profile/ChangeEmail', module)
.addDecorator((story) => <ProfileLayout>{story()}</ProfileLayout>)
.add('First step', () => (
<ChangeEmail
step={0}
email="initial-email@ely.by"
onSubmit={(step, form) => {
action('onSubmit')(step, form);
return Promise.resolve();
}}
onChangeStep={action('onChangeStep')}
/>
))
.add('Second step', () => (
<ChangeEmail
step={1}
email="email-from-prev-step@ely.by"
onSubmit={(step, form) => {
action('onSubmit')(step, form);
return Promise.resolve();
}}
onChangeStep={action('onChangeStep')}
/>
))
.add('Second step with code', () => (
<ChangeEmail
step={1}
code="I7SP06BUTLLM8MA03O"
onSubmit={(step, form) => {
action('onSubmit')(step, form);
return Promise.resolve();
}}
onChangeStep={action('onChangeStep')}
/>
))
.add('Third step', () => (
<ChangeEmail
step={2}
onSubmit={(step, form) => {
action('onSubmit')(step, form);
return Promise.resolve();
}}
onChangeStep={action('onChangeStep')}
/>
))
.add('Third step with code', () => (
<ChangeEmail
step={2}
code="I7SP06BUTLLM8MA03O"
onSubmit={(step, form) => {
action('onSubmit')(step, form);
return Promise.resolve();
}}
onChangeStep={action('onChangeStep')}
/>
));