SeasonsBarPlaceholder story added to storybook

src/routes/Detail/VideosList/SeasonsBar/SeasonsBar.js

@@ -3,6 +3,7 @@ const PropTypes = require('prop-types');
 const classnames = require('classnames');
 const Icon = require('stremio-icons/dom');
 const { Button, Multiselect } = require('stremio/common');
+const SeasonsBarPlaceholder = require('./SeasonsBarPlaceholder');
 const styles = require('./styles');
 
 const SeasonsBar = ({ className, seasons, season, onSelect }) => {
@@ -69,6 +70,8 @@ const SeasonsBar = ({ className, seasons, season, onSelect }) => {
     );
 };
 
+SeasonsBar.Placeholder = SeasonsBarPlaceholder;
+
 SeasonsBar.propTypes = {
     className: PropTypes.string,
     seasons: PropTypes.arrayOf(PropTypes.number).isRequired,

storybook/stories/SeasonsBar/SeasonsBarPlaceholder/SeasonsBarPlaceholder.js

@@ -0,0 +1,12 @@
+const React = require('react');
+const { storiesOf } = require('@storybook/react');
+const SeasonsBar = require('stremio/routes/Detail/VideosList/SeasonsBar');
+const styles = require('./styles');
+
+storiesOf('SeasonsBar', module).add('SeasonsBarPlaceholder', () => {
+    return (
+        <SeasonsBar.Placeholder
+            className={styles['seasons-bar']}
+        />
+    );
+});

storybook/stories/SeasonsBar/SeasonsBarPlaceholder/index.js

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

storybook/stories/SeasonsBar/SeasonsBarPlaceholder/styles.less

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

storybook/stories/SeasonsBar/index.js

@@ -1 +1,2 @@
 require('./SampleSeasonsBar');
+require('./SeasonsBarPlaceholder');