From 7fa4f462c5e8183b9e6c3e6f84488958bda3e632 Mon Sep 17 00:00:00 2001
From: Botzy <bodim93@gmail.com>
Date: Fri, 7 Feb 2025 19:23:33 +0200
Subject: [PATCH] feat(StreamsList): added upcoming label when no results

---
 src/routes/MetaDetails/StreamsList/StreamsList.js | 1 +
 src/routes/MetaDetails/StreamsList/styles.less    | 2 ++
 2 files changed, 3 insertions(+)

diff --git a/src/routes/MetaDetails/StreamsList/StreamsList.js b/src/routes/MetaDetails/StreamsList/StreamsList.js
index cb2b437d0..0ccb05e28 100644
--- a/src/routes/MetaDetails/StreamsList/StreamsList.js
+++ b/src/routes/MetaDetails/StreamsList/StreamsList.js
@@ -136,6 +136,7 @@ const StreamsList = ({ className, video, onEpisodeSearch, ...props }) => {
                     props.streams.every((streams) => streams.content.type === 'Err') ?
                         <div className={styles['message-container']}>
                             <SeasonEpisodePicker seriesId={video?.id} onSubmit={handleEpisodePicker} />
+                            {video?.upcoming && <div className={styles['label']}>{t('UPCOMING')}...</div>}
                             <Image className={styles['image']} src={require('/images/empty.png')} alt={' '} />
                             <div className={styles['label']}>{t('NO_STREAM')}</div>
                             {
diff --git a/src/routes/MetaDetails/StreamsList/styles.less b/src/routes/MetaDetails/StreamsList/styles.less
index 0f9ab2a0a..8c274c761 100644
--- a/src/routes/MetaDetails/StreamsList/styles.less
+++ b/src/routes/MetaDetails/StreamsList/styles.less
@@ -38,6 +38,7 @@
             font-size: 1.4rem;
             text-align: center;
             color: var(--primary-foreground-color);
+            margin-bottom: 2rem;
         }
     }
 
@@ -171,6 +172,7 @@
             max-height: 3.6em;
             text-align: center;
             color: var(--primary-foreground-color);
+            margin-bottom: 0;
         }
     }
 }