MetaItem story updated

storybook/stories/MetaItem/SimpleMetaItem/SimpleMetaItem.js

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

storybook/stories/MetaItem/SimpleMetaItem/index.js

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

storybook/stories/MetaItem/SimpleMetaItem/styles.less

@@ -1,4 +0,0 @@
-.meta-item-container {
-    width: 180px;
-    margin: 10px;
-}

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

storybook/stories/MetaItem/SаmpleMetaItem/index.js

@@ -0,0 +1 @@
+require('./SаmpleMetaItem');

storybook/stories/MetaItem/SаmpleMetaItem/styles.less

@@ -0,0 +1,5 @@
+.meta-item {
+    flex: none;
+    width: 12rem;
+    margin: 1rem;
+}

storybook/stories/MetaItem/index.js

@@ -1 +1 @@
-require('./SimpleMetaItem');
+require('./SаmpleMetaItem');