From d4836feef47ee9456e228f34bc85da440c8f57d7 Mon Sep 17 00:00:00 2001
From: NikolaBorislavovHristov <hristovnikola@protonmail.com>
Date: Thu, 14 Nov 2019 12:33:00 +0200
Subject: [PATCH] SeasonBar story added to storybook

---
 storybook/stories/SeasonsBar/SeasonsBar.js | 24 ++++++++++++++++++++++
 storybook/stories/SeasonsBar/index.js      |  1 +
 storybook/stories/SeasonsBar/styles.less   |  5 +++++
 storybook/stories/index.js                 |  1 +
 4 files changed, 31 insertions(+)
 create mode 100644 storybook/stories/SeasonsBar/SeasonsBar.js
 create mode 100644 storybook/stories/SeasonsBar/index.js
 create mode 100644 storybook/stories/SeasonsBar/styles.less

diff --git a/storybook/stories/SeasonsBar/SeasonsBar.js b/storybook/stories/SeasonsBar/SeasonsBar.js
new file mode 100644
index 000000000..44dc65d49
--- /dev/null
+++ b/storybook/stories/SeasonsBar/SeasonsBar.js
@@ -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}
+        />
+    );
+});
diff --git a/storybook/stories/SeasonsBar/index.js b/storybook/stories/SeasonsBar/index.js
new file mode 100644
index 000000000..cd28454e8
--- /dev/null
+++ b/storybook/stories/SeasonsBar/index.js
@@ -0,0 +1 @@
+require('./SeasonsBar');
diff --git a/storybook/stories/SeasonsBar/styles.less b/storybook/stories/SeasonsBar/styles.less
new file mode 100644
index 000000000..a62a204c7
--- /dev/null
+++ b/storybook/stories/SeasonsBar/styles.less
@@ -0,0 +1,5 @@
+.seasons-bar {
+    flex: none;
+    width: 28rem;
+    margin: 2rem;
+}
\ No newline at end of file
diff --git a/storybook/stories/index.js b/storybook/stories/index.js
index e40aee097..9dcb43889 100644
--- a/storybook/stories/index.js
+++ b/storybook/stories/index.js
@@ -5,4 +5,5 @@ require('./ModalDialog');
 require('./Multiselect');
 require('./Notification');
 require('./Popup');
+require('./SeasonsBar');
 require('./SharePrompt');