From 328848fe168b70ad60ea55444d087fb10216a28c Mon Sep 17 00:00:00 2001
From: Alexandru Branza <branza.alex@gmail.com>
Date: Fri, 4 Feb 2022 17:01:53 +0200
Subject: [PATCH 1/2] Fallback to Using Addon Name if Stream Name is Missing

---
 src/routes/MetaDetails/StreamsList/Stream/Stream.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/MetaDetails/StreamsList/Stream/Stream.js b/src/routes/MetaDetails/StreamsList/Stream/Stream.js
index 386fc659d..df827548e 100644
--- a/src/routes/MetaDetails/StreamsList/Stream/Stream.js
+++ b/src/routes/MetaDetails/StreamsList/Stream/Stream.js
@@ -35,7 +35,7 @@ const Stream = ({ className, addonName, name, description, thumbnail, progress,
                     </div>
                     :
                     <div className={styles['addon-name-container']} title={name}>
-                        <div className={styles['addon-name']}>{name}</div>
+                        <div className={styles['addon-name']}>{name || addonName}</div>
                     </div>
             }
             <div className={styles['info-container']} title={description}>{description}</div>

From cf3495bc7a18c6c70eb3fc1b2a53c88e3ce94fd9 Mon Sep 17 00:00:00 2001
From: Nikola Hristov <me@nikolahristov.com>
Date: Tue, 15 Feb 2022 11:43:10 +0200
Subject: [PATCH 2/2] add addonName fallback to the title attribute too

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

diff --git a/src/routes/MetaDetails/StreamsList/Stream/Stream.js b/src/routes/MetaDetails/StreamsList/Stream/Stream.js
index df827548e..631085b8b 100644
--- a/src/routes/MetaDetails/StreamsList/Stream/Stream.js
+++ b/src/routes/MetaDetails/StreamsList/Stream/Stream.js
@@ -25,7 +25,7 @@ const Stream = ({ className, addonName, name, description, thumbnail, progress,
         <Button href={href} {...props} className={classnames(className, styles['stream-container'])} title={addonName}>
             {
                 typeof thumbnail === 'string' && thumbnail.length > 0 ?
-                    <div className={styles['thumbnail-container']} title={name}>
+                    <div className={styles['thumbnail-container']} title={name || addonName}>
                         <Image
                             className={styles['thumbnail']}
                             src={thumbnail}
@@ -34,7 +34,7 @@ const Stream = ({ className, addonName, name, description, thumbnail, progress,
                         />
                     </div>
                     :
-                    <div className={styles['addon-name-container']} title={name}>
+                    <div className={styles['addon-name-container']} title={name || addonName}>
                         <div className={styles['addon-name']}>{name || addonName}</div>
                     </div>
             }