mirror of
https://github.com/Stremio/stremio-web.git
synced 2026-03-11 21:27:05 +00:00
SeasonBar story added to storybook
This commit is contained in:
parent
e0ec521755
commit
d4836feef4
4 changed files with 31 additions and 0 deletions
24
storybook/stories/SeasonsBar/SeasonsBar.js
Normal file
24
storybook/stories/SeasonsBar/SeasonsBar.js
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
const React = require('react');
|
||||
const { storiesOf } = require('@storybook/react');
|
||||
const { action } = require('@storybook/addon-actions');
|
||||
const SeasonsBar = require('stremio/routes/Detail/VideosList/SeasonsBar');
|
||||
const styles = require('./styles');
|
||||
|
||||
storiesOf('SeasonsBar', module).add('SeasonsBar', () => {
|
||||
const [season, setSeason] = React.useState(1);
|
||||
const seasons = React.useMemo(() => {
|
||||
return [1, 2, 3, 4, 5, /*6,*/ 7];
|
||||
}, []);
|
||||
const onSelect = React.useCallback((event) => {
|
||||
action('onSelect')(event);
|
||||
setSeason(event.value);
|
||||
}, []);
|
||||
return (
|
||||
<SeasonsBar
|
||||
className={styles['seasons-bar']}
|
||||
seasons={seasons}
|
||||
season={season}
|
||||
onSelect={onSelect}
|
||||
/>
|
||||
);
|
||||
});
|
||||
1
storybook/stories/SeasonsBar/index.js
Normal file
1
storybook/stories/SeasonsBar/index.js
Normal file
|
|
@ -0,0 +1 @@
|
|||
require('./SeasonsBar');
|
||||
5
storybook/stories/SeasonsBar/styles.less
Normal file
5
storybook/stories/SeasonsBar/styles.less
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
.seasons-bar {
|
||||
flex: none;
|
||||
width: 28rem;
|
||||
margin: 2rem;
|
||||
}
|
||||
|
|
@ -5,4 +5,5 @@ require('./ModalDialog');
|
|||
require('./Multiselect');
|
||||
require('./Notification');
|
||||
require('./Popup');
|
||||
require('./SeasonsBar');
|
||||
require('./SharePrompt');
|
||||
|
|
|
|||
Loading…
Reference in a new issue