From b3997941666d4628f5143d5886381dda60ff36a9 Mon Sep 17 00:00:00 2001
From: NikolaBorislavovHristov <hristovnikola@protonmail.com>
Date: Thu, 19 Dec 2019 14:20:51 +0200
Subject: [PATCH] addon story updated

---
 storybook/stories/Addon/InstalledAddon.js    | 17 +++++++++--------
 storybook/stories/Addon/NotInstalledAddon.js | 17 +++++++++--------
 storybook/stories/Addon/styles.less          |  2 +-
 3 files changed, 19 insertions(+), 17 deletions(-)

diff --git a/storybook/stories/Addon/InstalledAddon.js b/storybook/stories/Addon/InstalledAddon.js
index 24400fdd7..e2626605b 100644
--- a/storybook/stories/Addon/InstalledAddon.js
+++ b/storybook/stories/Addon/InstalledAddon.js
@@ -5,16 +5,17 @@ const Addon = require('stremio/routes/Addons/Addon');
 const styles = require('./styles');
 
 storiesOf('Addon', module).add('Installed', () => (
-    <Addon 
+    <Addon
         className={styles['installed-addon-container']}
-        id={'addon-id'}
-        name={'Demo name'}
-        logo={'/images/intro_background.jpg'}
-        description={'Demo description'}
-        types={['Demo type']}
+        id={'addon.id'}
+        name={'Addon name'}
         version={'1.0.0'}
-        transportUrl={'Demo url'}
+        logo={'/images/intro_background.jpg'}
+        description={'Addon description ...'}
+        types={['movie', 'series']}
         installed={true}
-        toggle={action('Demo item uninstall button clicked')}
+        onToggle={action('Toggle')}
+        onShare={action('Share')}
+        dataset={{ transportUrl: 'http://www.com' }}
     />
 ));
diff --git a/storybook/stories/Addon/NotInstalledAddon.js b/storybook/stories/Addon/NotInstalledAddon.js
index 5d5130198..84e9606c2 100644
--- a/storybook/stories/Addon/NotInstalledAddon.js
+++ b/storybook/stories/Addon/NotInstalledAddon.js
@@ -6,15 +6,16 @@ const styles = require('./styles');
 
 storiesOf('Addon', module).add('NotInstalled', () => (
     <Addon
-        className={styles['not-installed-addon-container']}
-        id={'addon-id'}
-        name={'Demo name'}
-        logo={'/images/intro_background.jpg'}
-        description={'Demo description'}
-        types={['Demo type']}
+        className={styles['installed-addon-container']}
+        id={'addon.id'}
+        name={'Addon name'}
         version={'1.0.0'}
-        transportUrl={'Demo url'}
+        logo={'/images/intro_background.jpg'}
+        description={'Addon description ...'}
+        types={['movie', 'series']}
         installed={false}
-        toggle={action('Demo item install button clicked')}
+        onToggle={action('Toggle')}
+        onShare={action('Share')}
+        dataset={{ transportUrl: 'http://www.com' }}
     />
 ));
diff --git a/storybook/stories/Addon/styles.less b/storybook/stories/Addon/styles.less
index f300a05f0..30166b689 100644
--- a/storybook/stories/Addon/styles.less
+++ b/storybook/stories/Addon/styles.less
@@ -1,3 +1,3 @@
 .installed-addon-container, .not-installed-addon-container {
-    margin: 10px;
+    margin: 1rem;
 }
\ No newline at end of file