From 8d92d2f42e5fd2eb8f6eee8c23ae108fa8c42357 Mon Sep 17 00:00:00 2001
From: NikolaBorislavovHristov <hristovnikola@protonmail.com>
Date: Tue, 19 Nov 2019 11:25:25 +0200
Subject: [PATCH] MetaItem story updated

---
 .../MetaItem/SimpleMetaItem/SimpleMetaItem.js | 20 ------------
 .../stories/MetaItem/SimpleMetaItem/index.js  |  1 -
 .../MetaItem/SimpleMetaItem/styles.less       |  4 ---
 .../MetaItem/SаmpleMetaItem/SаmpleMetaItem.js | 32 +++++++++++++++++++
 .../stories/MetaItem/SаmpleMetaItem/index.js  |  1 +
 .../MetaItem/SаmpleMetaItem/styles.less       |  5 +++
 storybook/stories/MetaItem/index.js           |  2 +-
 7 files changed, 39 insertions(+), 26 deletions(-)
 delete mode 100644 storybook/stories/MetaItem/SimpleMetaItem/SimpleMetaItem.js
 delete mode 100644 storybook/stories/MetaItem/SimpleMetaItem/index.js
 delete mode 100644 storybook/stories/MetaItem/SimpleMetaItem/styles.less
 create mode 100644 storybook/stories/MetaItem/SаmpleMetaItem/SаmpleMetaItem.js
 create mode 100644 storybook/stories/MetaItem/SаmpleMetaItem/index.js
 create mode 100644 storybook/stories/MetaItem/SаmpleMetaItem/styles.less

diff --git a/storybook/stories/MetaItem/SimpleMetaItem/SimpleMetaItem.js b/storybook/stories/MetaItem/SimpleMetaItem/SimpleMetaItem.js
deleted file mode 100644
index 8248e8229..000000000
--- a/storybook/stories/MetaItem/SimpleMetaItem/SimpleMetaItem.js
+++ /dev/null
@@ -1,20 +0,0 @@
-const React = require('react');
-const { storiesOf } = require('@storybook/react');
-const { action } = require('@storybook/addon-actions');
-const { MetaItem } = require('stremio/common');
-const styles = require('./styles');
-
-storiesOf('MetaItem', module).add('SimpleMetaItem', () => (
-    <MetaItem
-        className={styles['meta-item-container']}
-        id={'meta-item-id'}
-        type={'movie'}
-        name={'Demo item'}
-        posterShape={'poster'}
-        poster={'/images/intro_background.jpg'}
-        title={'Demo item'}
-        progress={0.4}
-        playIcon={true}
-        onClick={action('Demo item clicked')}
-    />
-));
diff --git a/storybook/stories/MetaItem/SimpleMetaItem/index.js b/storybook/stories/MetaItem/SimpleMetaItem/index.js
deleted file mode 100644
index 5a839c692..000000000
--- a/storybook/stories/MetaItem/SimpleMetaItem/index.js
+++ /dev/null
@@ -1 +0,0 @@
-require('./SimpleMetaItem');
diff --git a/storybook/stories/MetaItem/SimpleMetaItem/styles.less b/storybook/stories/MetaItem/SimpleMetaItem/styles.less
deleted file mode 100644
index feed69dc2..000000000
--- a/storybook/stories/MetaItem/SimpleMetaItem/styles.less
+++ /dev/null
@@ -1,4 +0,0 @@
-.meta-item-container {
-    width: 180px;
-    margin: 10px;
-}
\ No newline at end of file
diff --git a/storybook/stories/MetaItem/SаmpleMetaItem/SаmpleMetaItem.js b/storybook/stories/MetaItem/SаmpleMetaItem/SаmpleMetaItem.js
new file mode 100644
index 000000000..87a1e07c8
--- /dev/null
+++ b/storybook/stories/MetaItem/SаmpleMetaItem/SаmpleMetaItem.js
@@ -0,0 +1,32 @@
+const React = require('react');
+const { storiesOf } = require('@storybook/react');
+const { action } = require('@storybook/addon-actions');
+const { MetaItem } = require('stremio/common');
+const styles = require('./styles');
+
+const CONTINUE_WATCHING_MENU = [
+    {
+        label: 'Play',
+        value: 'play'
+    },
+    {
+        label: 'Dismiss',
+        value: 'dismiss'
+    }
+];
+
+storiesOf('MetaItem', module).add('SаmpleMetaItem', () => (
+    <MetaItem
+        className={styles['meta-item']}
+        type={'movie'}
+        name={'Sample meta item'}
+        poster={'/images/intro_background.jpg'}
+        posterShape={'poster'}
+        playIcon={true}
+        progress={0.4}
+        menuOptions={CONTINUE_WATCHING_MENU}
+        dataset={{ id: 'pt1' }}
+        onSelect={action('onSelect')}
+        menuOptionOnSelect={action('menuOptionOnSelect')}
+    />
+));
diff --git a/storybook/stories/MetaItem/SаmpleMetaItem/index.js b/storybook/stories/MetaItem/SаmpleMetaItem/index.js
new file mode 100644
index 000000000..48d6514e8
--- /dev/null
+++ b/storybook/stories/MetaItem/SаmpleMetaItem/index.js
@@ -0,0 +1 @@
+require('./SаmpleMetaItem');
diff --git a/storybook/stories/MetaItem/SаmpleMetaItem/styles.less b/storybook/stories/MetaItem/SаmpleMetaItem/styles.less
new file mode 100644
index 000000000..d99107025
--- /dev/null
+++ b/storybook/stories/MetaItem/SаmpleMetaItem/styles.less
@@ -0,0 +1,5 @@
+.meta-item {
+    flex: none;
+    width: 12rem;
+    margin: 1rem;
+}
\ No newline at end of file
diff --git a/storybook/stories/MetaItem/index.js b/storybook/stories/MetaItem/index.js
index 5a839c692..48d6514e8 100644
--- a/storybook/stories/MetaItem/index.js
+++ b/storybook/stories/MetaItem/index.js
@@ -1 +1 @@
-require('./SimpleMetaItem');
+require('./SаmpleMetaItem');