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

fallback logo wrapped in memo

Browse source
This commit is contained in:
nklhrstv 2020-03-29 23:16:21 +03:00
parent 3ea7e8eb40
commit b61789dd8d
1 changed files with 4 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/common/MetaPreview/MetaPreview.js
View file

@ -63,6 +63,9 @@ const MetaPreview = ({ className, compact, name, logo, background, runtime, rele
:
[];
}, [links]);
const renderLogoFallback = React.useMemo(() => () => (
<Icon className={styles['logo-placeholder-icon']} icon={'ic_broken_link'} />
), []);
return (
<div className={classnames(className, styles['meta-preview-container'], { [styles['compact']]: compact })}>
{
@ -77,16 +80,10 @@ const MetaPreview = ({ className, compact, name, logo, background, runtime, rele
{
typeof logo === 'string' && logo.length > 0 ?
<Image
key={logo}
className={styles['logo']}
src={logo}
alt={' '}
renderFallback={() => (
<Icon
className={styles['logo-placeholder-icon']}
icon={'ic_broken_link'}
/>
)}
renderFallback={renderLogoFallback}
/>
:
null