Skip to content

Commit a4af75a

Browse files
author
Petr Krotov
committed
chore(quote): update story
1 parent 7e36ea8 commit a4af75a

7 files changed

+17
-16
lines changed
121 Bytes
Loading
-49 Bytes
Loading
2 Bytes
Loading
-48 Bytes
Loading
-21 Bytes
Loading
-102 Bytes
Loading

src/sub-blocks/Quote/__stories__/Quote.stories.tsx

Lines changed: 17 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import {Meta, StoryFn} from '@storybook/react';
22

3-
import {yfmTransformInline} from '../../../../.storybook/utils';
4-
import {QuoteProps, QuoteType} from '../../../models';
3+
import {blockTransform} from '../../../../.storybook/utils';
4+
import {QuoteModel, QuoteProps, QuoteType} from '../../../models';
55
import Quote from '../Quote';
66

77
import data from './data.json';
@@ -16,29 +16,30 @@ export default {
1616
argTypes: {color: {control: 'color'}},
1717
} as Meta;
1818

19-
const DefaultTemplate: StoryFn<QuoteProps> = (args) => (
19+
const DefaultTemplate: StoryFn<QuoteModel> = (args) => (
2020
<div style={{maxWidth: '1248px'}}>
21-
<Quote {...args} />
22-
</div>
23-
);
24-
const QuoteTypesTemplate: StoryFn<QuoteProps> = (args) => (
25-
<div style={{maxWidth: '1248px', display: 'flex', flexDirection: 'column', gap: '24px'}}>
26-
<Quote {...args} quoteType={QuoteType.Chevron} />
27-
<Quote {...args} quoteType={QuoteType.EnglishDouble} />
21+
<Quote {...(blockTransform(args) as QuoteProps)} />
2822
</div>
2923
);
24+
const QuoteTypesTemplate: StoryFn<QuoteModel> = (args) => {
25+
const transformedArgs = blockTransform(args) as QuoteProps;
26+
return (
27+
<div style={{maxWidth: '1248px', display: 'flex', flexDirection: 'column', gap: '24px'}}>
28+
<Quote {...transformedArgs} quoteType={QuoteType.Chevron} />
29+
<Quote {...transformedArgs} quoteType={QuoteType.EnglishDouble} />
30+
</div>
31+
);
32+
};
33+
3034
export const Default = DefaultTemplate.bind({});
3135
export const QuoteTypes = QuoteTypesTemplate.bind({});
3236
export const BorderLine = DefaultTemplate.bind({});
3337
export const DarkTheme = DefaultTemplate.bind({});
3438

35-
const DefaultArgs = {
36-
...data.default.content,
37-
yfmText: yfmTransformInline(data.default.content.yfmText),
38-
} as QuoteProps;
39+
const DefaultArgs = data.default.content;
3940

40-
Default.args = DefaultArgs;
41-
QuoteTypes.args = DefaultArgs;
41+
Default.args = DefaultArgs as QuoteModel;
42+
QuoteTypes.args = DefaultArgs as QuoteModel;
4243
BorderLine.args = {
4344
...DefaultArgs,
4445
...data.borderLine.content,

0 commit comments

Comments
 (0)