stremio-web/storybook/stories/Image/ImageWithFallback/ImageWithFallback.js
NikolaBorislavovHristov 4d56fa3b5a Image stories updated
2019-12-19 14:30:58 +02:00

20 lines
674 B
JavaScript

const React = require('react');
const { storiesOf } = require('@storybook/react');
const { action } = require('@storybook/addon-actions');
const Icon = require('stremio-icons/dom');
const { Image } = require('stremio/common');
const styles = require('./styles');
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}
/>
);
});