Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-11 21:27:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Image stories updated

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-12-19 14:30:58 +02:00
parent b399794166
commit 4d56fa3b5a
3 changed files with 16 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
storybook/stories/Image/ImageWithFallback/ImageWithFallback.js
View file

@ -5,13 +5,16 @@ const Icon = require('stremio-icons/dom');
const { Image } = require('stremio/common');
const styles = require('./styles');
storiesOf('Image', module).add('ImageWithFallback', () => (
<Image
className={styles['image']}
src={'/images/non_existing.png'}
onError={action('onError')}
renderFallback={() => (
<Icon className={styles['icon']} icon={'ic_broken_link'} />
)}
/>
));
storiesOf('Image', module).add('ImageWithFallback', () => {
const renderFallback = React.useMemo(() => () => (
<Icon className={styles['icon']} icon={'ic_broken_link'} />
));
return (
<Image
className={styles['image']}
src={'/images/non_existing.png'}
onError={action('onError')}
renderFallback={renderFallback}
/>
);
});

2
storybook/stories/Image/ImageWithFallback/styles.less
View file

@ -2,11 +2,13 @@
flex: none;
width: 10rem;
height: 10rem;
margin: 1rem;
}
.icon {
flex: none;
width: 10rem;
height: 10rem;
margin: 1rem;
fill: white;
}

1
storybook/stories/Image/SampleImage/styles.less
View file

@ -2,4 +2,5 @@
flex: none;
width: 10rem;
height: 10rem;
margin: 1rem;
}