From 944069e41199d877d47cfe95122bc09f9dab7492 Mon Sep 17 00:00:00 2001
From: "Timothy Z." <timothy@stremio.com>
Date: Wed, 11 Dec 2024 11:38:36 +0200
Subject: [PATCH 1/3] refactor(StreamsList): addons install button

---
 .../MetaDetails/StreamsList/StreamsList.js    | 19 ++++++++++++++-----
 .../MetaDetails/StreamsList/styles.less       | 11 +++++++++++
 2 files changed, 25 insertions(+), 5 deletions(-)

diff --git a/src/routes/MetaDetails/StreamsList/StreamsList.js b/src/routes/MetaDetails/StreamsList/StreamsList.js
index 840664c8b..aa204000a 100644
--- a/src/routes/MetaDetails/StreamsList/StreamsList.js
+++ b/src/routes/MetaDetails/StreamsList/StreamsList.js
@@ -23,7 +23,7 @@ const StreamsList = ({ className, video, ...props }) => {
         if (video.deepLinks && typeof video.deepLinks.metaDetailsVideos === 'string') {
             window.location.replace(video.deepLinks.metaDetailsVideos + (
                 typeof video.season === 'number' ?
-                    `?${new URLSearchParams({'season': video.season})}`
+                    `?${new URLSearchParams({ 'season': video.season })}`
                     :
                     null
             ));
@@ -157,13 +157,22 @@ const StreamsList = ({ className, video, ...props }) => {
                                             onClick={stream.onClick}
                                         />
                                     ))}
+                                    <Button className={classnames(styles['install-button-container'], styles['streams'])} title={t('ADDON_CATALOGUE_MORE')} href={'#/addons'}>
+                                        <Icon className={styles['icon']} name={'addons'} />
+                                        <div className={styles['label']}>{t('ADDON_CATALOGUE_MORE')}</div>
+                                    </Button>
                                 </div>
                             </React.Fragment>
             }
-            <Button className={styles['install-button-container']} title={t('ADDON_CATALOGUE_MORE')} href={'#/addons'}>
-                <Icon className={styles['icon']} name={'addons'} />
-                <div className={styles['label']}>{ t('ADDON_CATALOGUE_MORE') }</div>
-            </Button>
+            {
+                Object.keys(streamsByAddon).length < 2 && props.streams.every((streams) => streams.content.type === 'Ready') ?
+                    <Button className={styles['install-button-container']} title={t('ADDON_CATALOGUE_MORE')} href={'#/addons'}>
+                        <Icon className={styles['icon']} name={'addons'} />
+                        <div className={styles['label']}>{t('ADDON_CATALOGUE_MORE')}</div>
+                    </Button>
+                    :
+                    null
+            }
         </div>
     );
 };
diff --git a/src/routes/MetaDetails/StreamsList/styles.less b/src/routes/MetaDetails/StreamsList/styles.less
index c22b14071..9859ea2d0 100644
--- a/src/routes/MetaDetails/StreamsList/styles.less
+++ b/src/routes/MetaDetails/StreamsList/styles.less
@@ -151,6 +151,17 @@
         background-color: var(--secondary-accent-color);
         border-radius: 3rem;
 
+        &.streams {
+            padding: 1rem;
+            margin: 1rem auto;
+            max-width: 50%;
+            border-radius: 2rem;
+
+            .label {
+                font-size: 1rem;
+            }
+        }
+
         &:hover {
             outline: var(--focus-outline-size) solid var(--secondary-accent-color);
             background-color: transparent;

From 203c04b8c872c26f0d9a27762a43b07119a5cc70 Mon Sep 17 00:00:00 2001
From: "Timothy Z." <timothy@stremio.com>
Date: Wed, 11 Dec 2024 11:48:17 +0200
Subject: [PATCH 2/3] refactor: logic for showing the button

---
 src/routes/MetaDetails/StreamsList/StreamsList.js | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/routes/MetaDetails/StreamsList/StreamsList.js b/src/routes/MetaDetails/StreamsList/StreamsList.js
index aa204000a..05d3c94fc 100644
--- a/src/routes/MetaDetails/StreamsList/StreamsList.js
+++ b/src/routes/MetaDetails/StreamsList/StreamsList.js
@@ -157,15 +157,20 @@ const StreamsList = ({ className, video, ...props }) => {
                                             onClick={stream.onClick}
                                         />
                                     ))}
-                                    <Button className={classnames(styles['install-button-container'], styles['streams'])} title={t('ADDON_CATALOGUE_MORE')} href={'#/addons'}>
-                                        <Icon className={styles['icon']} name={'addons'} />
-                                        <div className={styles['label']}>{t('ADDON_CATALOGUE_MORE')}</div>
-                                    </Button>
+                                    {
+                                        Object.keys(streamsByAddon).length > 1 ?
+                                            <Button className={classnames(styles['install-button-container'], styles['streams'])} title={t('ADDON_CATALOGUE_MORE')} href={'#/addons'}>
+                                                <Icon className={styles['icon']} name={'addons'} />
+                                                <div className={styles['label']}>{t('ADDON_CATALOGUE_MORE')}</div>
+                                            </Button>
+                                            :
+                                            null
+                                    }
                                 </div>
                             </React.Fragment>
             }
             {
-                Object.keys(streamsByAddon).length < 2 && props.streams.every((streams) => streams.content.type === 'Ready') ?
+                Object.keys(streamsByAddon).length < 2 && countLoadingAddons === 0 ?
                     <Button className={styles['install-button-container']} title={t('ADDON_CATALOGUE_MORE')} href={'#/addons'}>
                         <Icon className={styles['icon']} name={'addons'} />
                         <div className={styles['label']}>{t('ADDON_CATALOGUE_MORE')}</div>

From 2f85fba64ddde26520383e34f8ce616b711a0bea Mon Sep 17 00:00:00 2001
From: "Timothy Z." <timothy@stremio.com>
Date: Wed, 11 Dec 2024 11:49:30 +0200
Subject: [PATCH 3/3] revert: formatting

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

diff --git a/src/routes/MetaDetails/StreamsList/StreamsList.js b/src/routes/MetaDetails/StreamsList/StreamsList.js
index 05d3c94fc..7faa81a75 100644
--- a/src/routes/MetaDetails/StreamsList/StreamsList.js
+++ b/src/routes/MetaDetails/StreamsList/StreamsList.js
@@ -23,7 +23,7 @@ const StreamsList = ({ className, video, ...props }) => {
         if (video.deepLinks && typeof video.deepLinks.metaDetailsVideos === 'string') {
             window.location.replace(video.deepLinks.metaDetailsVideos + (
                 typeof video.season === 'number' ?
-                    `?${new URLSearchParams({ 'season': video.season })}`
+                    `?${new URLSearchParams({'season': video.season})}`
                     :
                     null
             ));