From 277de44458798e83e76d396845d9e8915dd906a3 Mon Sep 17 00:00:00 2001
From: NikolaBorislavovHristov <hristovnikola@protonmail.com>
Date: Thu, 14 Nov 2019 16:06:25 +0200
Subject: [PATCH] Stream story added to storybook

---
 .../StreamWithThumbnail/StreamWithThumbnail.js     | 14 ++++++++++++++
 .../stories/Stream/StreamWithThumbnail/index.js    |  1 +
 .../stories/Stream/StreamWithThumbnail/styles.less |  5 +++++
 storybook/stories/Stream/index.js                  |  1 +
 storybook/stories/index.js                         |  1 +
 5 files changed, 22 insertions(+)
 create mode 100644 storybook/stories/Stream/StreamWithThumbnail/StreamWithThumbnail.js
 create mode 100644 storybook/stories/Stream/StreamWithThumbnail/index.js
 create mode 100644 storybook/stories/Stream/StreamWithThumbnail/styles.less
 create mode 100644 storybook/stories/Stream/index.js

diff --git a/storybook/stories/Stream/StreamWithThumbnail/StreamWithThumbnail.js b/storybook/stories/Stream/StreamWithThumbnail/StreamWithThumbnail.js
new file mode 100644
index 000000000..3b9332367
--- /dev/null
+++ b/storybook/stories/Stream/StreamWithThumbnail/StreamWithThumbnail.js
@@ -0,0 +1,14 @@
+const React = require('react');
+const { storiesOf } = require('@storybook/react');
+const Stream = require('stremio/routes/MetaDetails/StreamsList/Stream');
+const styles = require('./styles');
+
+storiesOf('Stream', module).add('StreamWithThumbnail', () => (
+    <Stream
+        className={styles['stream-container']}
+        addonName={'Sample addon name'}
+        title={'1080p'}
+        thumbnail={'images/anonymous.png'}
+        progress={'0.6'}
+    />
+));
diff --git a/storybook/stories/Stream/StreamWithThumbnail/index.js b/storybook/stories/Stream/StreamWithThumbnail/index.js
new file mode 100644
index 000000000..efb6028e4
--- /dev/null
+++ b/storybook/stories/Stream/StreamWithThumbnail/index.js
@@ -0,0 +1 @@
+require('./StreamWithThumbnail');
diff --git a/storybook/stories/Stream/StreamWithThumbnail/styles.less b/storybook/stories/Stream/StreamWithThumbnail/styles.less
new file mode 100644
index 000000000..47840176d
--- /dev/null
+++ b/storybook/stories/Stream/StreamWithThumbnail/styles.less
@@ -0,0 +1,5 @@
+.stream-container {
+    flex: none;
+    width: 28rem;
+    margin: 2rem;
+}
\ No newline at end of file
diff --git a/storybook/stories/Stream/index.js b/storybook/stories/Stream/index.js
new file mode 100644
index 000000000..efb6028e4
--- /dev/null
+++ b/storybook/stories/Stream/index.js
@@ -0,0 +1 @@
+require('./StreamWithThumbnail');
diff --git a/storybook/stories/index.js b/storybook/stories/index.js
index 9dcb43889..3f82e3793 100644
--- a/storybook/stories/index.js
+++ b/storybook/stories/index.js
@@ -7,3 +7,4 @@ require('./Notification');
 require('./Popup');
 require('./SeasonsBar');
 require('./SharePrompt');
+require('./Stream');