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

render tumbnail fallback wrapped in memo

Browse source
This commit is contained in:
nklhrstv 2020-03-30 14:53:01 +03:00
parent 9ed33c2eb4
commit ffa82b6257
1 changed files with 4 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/routes/MetaDetails/StreamsList/Stream/Stream.js
View file

@ -7,6 +7,9 @@ const StreamPlaceholder = require('./StreamPlaceholder');
const styles = require('./styles');
const Stream = ({ className, addonName, title, thumbnail, progress, ...props }) => {
const renderThumbnailFallback = React.useMemo(() => () => (
<Icon className={styles['placeholder-icon']} icon={'ic_broken_link'} />
), []);
return (
<Button {...props} className={classnames(className, styles['stream-container'])} title={title}>
{
@ -16,12 +19,7 @@ const Stream = ({ className, addonName, title, thumbnail, progress, ...props })
className={styles['thumbnail']}
src={thumbnail}
alt={' '}
renderFallback={() => (
<Icon
className={styles['placeholder-icon']}
icon={'ic_broken_link'}
/>
)}
renderFallback={renderThumbnailFallback}
/>
</div>
: