Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-20 10:42:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Addon added to storybook

Browse source
This commit is contained in:
svetlagasheva 2019-10-18 17:39:57 +03:00
parent 8255c7fd20
commit 1ef7244a39
3 changed files with 33 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
storybook/stories/Addon/InstalledAddon.js
View file

@ -1,6 +1,20 @@
const React = require('react');
const { storiesOf } = require('@storybook/react');
const { action } = require('@storybook/addon-actions');
const Addon = require('stremio/routes/Addons/Addon');
const styles = require('./styles');
storiesOf('Addon', module).add('Installed', () => (
<div>Installed addon</div>
<Addon
className={styles['installed-addon-container']}
id={'addon-id'}
name={'Demo name'}
logo={'/images/intro_background.jpg'}
description={'Demo description'}
types={['Demo type']}
version={'1.0.0'}
transportUrl={'Demo url'}
installed={true}
toggle={action('Demo item uninstall button clicked')}
/>
));

16
storybook/stories/Addon/NotInstalledAddon.js
View file

@ -1,6 +1,20 @@
const React = require('react');
const { storiesOf } = require('@storybook/react');
const { action } = require('@storybook/addon-actions');
const Addon = require('stremio/routes/Addons/Addon');
const styles = require('./styles');
storiesOf('Addon', module).add('NotInstalled', () => (
<div>Not installed addon</div>
<Addon
className={styles['not-installed-addon-container']}
id={'addon-id'}
name={'Demo name'}
logo={'/images/intro_background.jpg'}
description={'Demo description'}
types={['Demo type']}
version={'1.0.0'}
transportUrl={'Demo url'}
installed={false}
toggle={action('Demo item install button clicked')}
/>
));

3
storybook/stories/Addon/styles.less Normal file
View file

@ -0,0 +1,3 @@
.installed-addon-container, .not-installed-addon-container {
margin: 10px;
}