Skip to content

Commit c65ce84

Browse files
authored
chore: update banner story (#1234)
1 parent 29702e0 commit c65ce84

File tree

6 files changed

+7
-18
lines changed

6 files changed

+7
-18
lines changed
-1.22 KB
Loading
-4.24 KB
Loading
-1.27 KB
Loading
-4.52 KB
Loading
Lines changed: 5 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
import {Meta, StoryFn} from '@storybook/react';
22

3-
import {yfmTransformInline} from '../../../../.storybook/utils';
4-
import {PageConstructor} from '../../../containers/PageConstructor';
3+
import {blockTransform} from '../../../../.storybook/utils';
54
import {BannerBlockModel, BannerBlockProps} from '../../../models';
65
import Banner from '../Banner';
76

@@ -10,24 +9,14 @@ import data from './data.json';
109
export default {
1110
title: 'Blocks/Banner',
1211
component: Banner,
13-
args: {
14-
theme: 'light',
15-
},
1612
} as Meta;
1713

1814
const DefaultTemplate: StoryFn<BannerBlockModel> = (args) => (
19-
<PageConstructor content={{blocks: [args]}} />
20-
);
21-
22-
const WithThemeTemplate: StoryFn<BannerBlockModel> = (args) => (
23-
<PageConstructor content={{blocks: [args]}} />
15+
<Banner {...(blockTransform(args) as BannerBlockProps)} />
2416
);
2517

2618
export const Default = DefaultTemplate.bind({});
27-
export const DarkTheme = WithThemeTemplate.bind({});
19+
export const DarkTheme = DefaultTemplate.bind({});
2820

29-
Default.args = {
30-
...data.default.content,
31-
title: yfmTransformInline(data.default.content.title),
32-
} as BannerBlockProps;
33-
DarkTheme.args = data.darkTheme.content as BannerBlockProps;
21+
Default.args = data.default.content as BannerBlockModel;
22+
DarkTheme.args = data.darkTheme.content as BannerBlockModel;

src/blocks/Banner/__stories__/data.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
"type": "banner-block",
66
"className": "",
77
"title": "Lorem ipsum dolor sit amet, consectetur adipiscing elit",
8-
"subtitle": "<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> ",
8+
"subtitle": "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. ",
99
"image": "/story-assets/img_8-12_dark.png",
1010
"disableCompress": true,
1111
"color": "#262626",
@@ -21,7 +21,7 @@
2121
"type": "banner-block",
2222
"className": "",
2323
"title": "Lorem ipsum dolor sit amet, consectetur adipiscing elit",
24-
"subtitle": "<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> ",
24+
"subtitle": "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",
2525
"image": {
2626
"light": "/story-assets/img_8-12_light.png",
2727
"dark": "/story-assets/img_8-12_dark.png"

0 commit comments

Comments
 (0)