From ffdb2fd5d4e2fb7850f0db6525912dad8bd3ddf1 Mon Sep 17 00:00:00 2001
From: ArtificialSloth <ArtificialSloth+git@gmail.com>
Date: Wed, 20 Nov 2024 05:26:48 -0500
Subject: [PATCH] Swap origin and label, add fallback for url check, translate
 origin, and handle text overflow for long labels

---
 src/routes/Player/SubtitlesMenu/SubtitlesMenu.js | 13 ++++++-------
 src/routes/Player/SubtitlesMenu/styles.less      |  6 ++++--
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/routes/Player/SubtitlesMenu/SubtitlesMenu.js b/src/routes/Player/SubtitlesMenu/SubtitlesMenu.js
index 705c1c29b..d85c93758 100644
--- a/src/routes/Player/SubtitlesMenu/SubtitlesMenu.js
+++ b/src/routes/Player/SubtitlesMenu/SubtitlesMenu.js
@@ -204,14 +204,13 @@ const SubtitlesMenu = React.memo((props) => {
                         <div className={styles['variants-list']}>
                             {subtitlesTracksForLanguage.map((track, index) => (
                                 <Button key={index} title={track.label} className={classnames(styles['variant-option'], { 'selected': props.selectedSubtitlesTrackId === track.id || props.selectedExtraSubtitlesTrackId === track.id })} data-id={track.id} data-origin={track.origin} data-embedded={track.embedded} onClick={subtitlesTrackOnClick}>
-                                    <div className={styles['variant-origin']}>
-                                        {track.origin}
-                                        {
-                                            typeof track.label === 'string' && !track.label.startsWith('http') ?
-                                                <div className={styles['variant-label']}>{track.label}</div>
-                                                :
-                                                null
+                                    <div className={styles['variant-label']}>
+                                        {typeof track.label === 'string' && !track.label.startsWith('http') ?
+                                            track.label
+                                            :
+                                            track.lang
                                         }
+                                        <div className={styles['variant-origin']}>{t(track.origin)}</div>
                                     </div>
                                     {
                                         props.selectedSubtitlesTrackId === track.id || props.selectedExtraSubtitlesTrackId === track.id ?
diff --git a/src/routes/Player/SubtitlesMenu/styles.less b/src/routes/Player/SubtitlesMenu/styles.less
index c9034286c..68cbb5ce4 100644
--- a/src/routes/Player/SubtitlesMenu/styles.less
+++ b/src/routes/Player/SubtitlesMenu/styles.less
@@ -40,14 +40,16 @@
                     background-color: var(--overlay-color);
                 }
 
-                .language-label, .variant-origin {
+                .language-label, .variant-label {
                     flex: 1;
                     max-height: 2.4em;
                     font-size: 1.1rem;
+                    text-wrap: nowrap;
+                    text-overflow: ellipsis;
                     color: var(--primary-foreground-color);
                 }
 
-                .variant-origin .variant-label {
+                .variant-label .variant-origin {
                     color: var(--color-placeholder-text);
                 }