diff --git a/storybook/stories/Image/ImageWithFallback/ImageWithFallback.js b/storybook/stories/Image/ImageWithFallback/ImageWithFallback.js index e18552e16..411e5deca 100644 --- a/storybook/stories/Image/ImageWithFallback/ImageWithFallback.js +++ b/storybook/stories/Image/ImageWithFallback/ImageWithFallback.js @@ -5,13 +5,16 @@ const Icon = require('stremio-icons/dom'); const { Image } = require('stremio/common'); const styles = require('./styles'); -storiesOf('Image', module).add('ImageWithFallback', () => ( - ( - - )} - /> -)); +storiesOf('Image', module).add('ImageWithFallback', () => { + const renderFallback = React.useMemo(() => () => ( + + )); + return ( + + ); +}); diff --git a/storybook/stories/Image/ImageWithFallback/styles.less b/storybook/stories/Image/ImageWithFallback/styles.less index 69c02638a..26f22a491 100644 --- a/storybook/stories/Image/ImageWithFallback/styles.less +++ b/storybook/stories/Image/ImageWithFallback/styles.less @@ -2,11 +2,13 @@ flex: none; width: 10rem; height: 10rem; + margin: 1rem; } .icon { flex: none; width: 10rem; height: 10rem; + margin: 1rem; fill: white; } \ No newline at end of file diff --git a/storybook/stories/Image/SampleImage/styles.less b/storybook/stories/Image/SampleImage/styles.less index 0527ceb9d..18074a6fb 100644 --- a/storybook/stories/Image/SampleImage/styles.less +++ b/storybook/stories/Image/SampleImage/styles.less @@ -2,4 +2,5 @@ flex: none; width: 10rem; height: 10rem; + margin: 1rem; } \ No newline at end of file