From ffa82b6257f9282a2e3073593482fad808b73ec3 Mon Sep 17 00:00:00 2001
From: nklhrstv <me@nikolahristov.com>
Date: Mon, 30 Mar 2020 14:53:01 +0300
Subject: [PATCH] render tumbnail fallback wrapped in memo

---
 src/routes/MetaDetails/StreamsList/Stream/Stream.js | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/routes/MetaDetails/StreamsList/Stream/Stream.js b/src/routes/MetaDetails/StreamsList/Stream/Stream.js
index 63acbfe14..306812284 100644
--- a/src/routes/MetaDetails/StreamsList/Stream/Stream.js
+++ b/src/routes/MetaDetails/StreamsList/Stream/Stream.js
@@ -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>
                     :