From b61789dd8daf7abe1fc4a81c759d61790ba309ac Mon Sep 17 00:00:00 2001
From: nklhrstv <me@nikolahristov.com>
Date: Sun, 29 Mar 2020 23:16:21 +0300
Subject: [PATCH] fallback logo wrapped in memo

---
 src/common/MetaPreview/MetaPreview.js | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/common/MetaPreview/MetaPreview.js b/src/common/MetaPreview/MetaPreview.js
index 0fbe81419..48bccea7c 100644
--- a/src/common/MetaPreview/MetaPreview.js
+++ b/src/common/MetaPreview/MetaPreview.js
@@ -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