SeasonBar story added to storybook

This commit is contained in:
NikolaBorislavovHristov 2019-11-14 12:33:00 +02:00
parent e0ec521755
commit d4836feef4
4 changed files with 31 additions and 0 deletions

View 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}
/>
);
});

View file

@ -0,0 +1 @@
require('./SeasonsBar');

View file

@ -0,0 +1,5 @@
.seasons-bar {
flex: none;
width: 28rem;
margin: 2rem;
}

View file

@ -5,4 +5,5 @@ require('./ModalDialog');
require('./Multiselect');
require('./Notification');
require('./Popup');
require('./SeasonsBar');
require('./SharePrompt');