From e18d60e87ccdf2e9315cbea1ee341abf05f7babe Mon Sep 17 00:00:00 2001
From: Alexandru Branza <branza.alex@gmail.com>
Date: Wed, 31 May 2023 10:46:18 +0300
Subject: [PATCH] Add Hint About an Existing Setting to Enable External Players
 by Default

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

diff --git a/src/routes/Player/Player.js b/src/routes/Player/Player.js
index 349af2f08..a37ceb588 100644
--- a/src/routes/Player/Player.js
+++ b/src/routes/Player/Player.js
@@ -588,6 +588,12 @@ const Player = ({ urlParams, queryParams }) => {
                 error !== null ?
                     <div className={classnames(styles['layer'], styles['error-layer'])}>
                         <div className={styles['error-label']} title={error.message}>{error.message}</div>
+                        {
+                            error.code === 2 ?
+                                <div className={styles['error-sub']} title={t('EXTERNAL_PLAYER_HINT')}>{t('EXTERNAL_PLAYER_HINT')}</div>
+                                :
+                                null
+                        }
                         {
                             player.selected !== null ?
                                 <Button className={styles['playlist-button']} title={t('PLAYER_OPEN_IN_EXTERNAL')} href={player.selected.stream.deepLinks.externalPlayer.href} download={player.selected.stream.deepLinks.externalPlayer.fileName} target={'_blank'}>
diff --git a/src/routes/Player/styles.less b/src/routes/Player/styles.less
index fe454c9d4..62eb74679 100644
--- a/src/routes/Player/styles.less
+++ b/src/routes/Player/styles.less
@@ -54,6 +54,16 @@ html:not(.active-slider-within) {
                 text-align: center;
             }
 
+            .error-sub {
+                flex: 0 1 auto;
+                padding: 0 2rem;
+                max-height: 4.8em;
+                font-size: 1.3rem;
+                margin-top: 0.8rem;
+                color: @color-surface-light5-90;
+                text-align: center;            
+            }
+
             .playlist-button {
                 flex: none;
                 display: flex;