From a9d40c9012f496c5bcc3632dcae5161789c621cc Mon Sep 17 00:00:00 2001
From: kKaskak <117831817+kKaskak@users.noreply.github.com>
Date: Wed, 1 Nov 2023 13:10:11 +0200
Subject: [PATCH] refactor: added conditional rendering for the escbutton
 feature

---
 src/routes/Settings/Settings.js | 25 +++++++++++++++----------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/src/routes/Settings/Settings.js b/src/routes/Settings/Settings.js
index 970f26588..cc42afc6b 100644
--- a/src/routes/Settings/Settings.js
+++ b/src/routes/Settings/Settings.js
@@ -20,7 +20,7 @@ const SHORTCUTS_SECTION = 'shortcuts';
 
 const Settings = () => {
     const { t } = useTranslation();
-    const { core } = useServices();
+    const { core, shell } = useServices();
     const { routeFocused } = useRouteFocused();
     const profile = useProfile();
     const [dataExport, loadDataExport] = useDataExport();
@@ -336,15 +336,20 @@ const Settings = () => {
                                 {...subtitlesLanguageSelect}
                             />
                         </div>
-                        <div className={styles['option-container']}>
-                            <div className={styles['option-name-container']}>
-                                <div className={styles['label']}>{ t('SETTINGS_FULLSCREEN_EXIT') }</div>
-                            </div>
-                            <Checkbox
-                                className={classnames(styles['option-input-container'], styles['checkbox-container'])}
-                                {...escExitFullscreenCheckbox}
-                            />
-                        </div>
+                        {
+                            shell.active ?
+                                <div className={styles['option-container']}>
+                                    <div className={styles['option-name-container']}>
+                                        <div className={styles['label']}>{ t('SETTINGS_FULLSCREEN_EXIT') }</div>
+                                    </div>
+                                    <Checkbox
+                                        className={classnames(styles['option-input-container'], styles['checkbox-container'])}
+                                        {...escExitFullscreenCheckbox}
+                                    />
+                                </div>
+                                :
+                                null
+                        }
                         <div className={styles['option-container']}>
                             <div className={styles['option-name-container']}>
                                 <div className={styles['label']}>{ t('SETTINGS_SUBTITLES_SIZE') }</div>