From b9efa02727ff595fcab028e22c27ab590db7f47f Mon Sep 17 00:00:00 2001
From: unclekingpin <unclekingpin@proton.me>
Date: Sat, 25 Nov 2023 08:40:24 -0800
Subject: [PATCH] surround sound checkbox added to settings

---
 src/routes/Settings/Settings.js                 | 11 +++++++++++
 src/routes/Settings/useProfileSettingsInputs.js | 16 ++++++++++++++++
 src/types/models/Ctx.d.ts                       |  1 +
 3 files changed, 28 insertions(+)

diff --git a/src/routes/Settings/Settings.js b/src/routes/Settings/Settings.js
index 1baeb5511..225c66f35 100644
--- a/src/routes/Settings/Settings.js
+++ b/src/routes/Settings/Settings.js
@@ -34,6 +34,7 @@ const Settings = () => {
         subtitlesBackgroundColorInput,
         subtitlesOutlineColorInput,
         audioLanguageSelect,
+        surroundSoundCheckbox,
         seekTimeDurationSelect,
         seekShortTimeDurationSelect,
         escExitFullscreenCheckbox,
@@ -405,6 +406,16 @@ const Settings = () => {
                                 {...audioLanguageSelect}
                             />
                         </div>
+                        <div className={styles['option-container']}>
+                            <div className={styles['option-name-container']}>
+                                <div className={styles['label']}>{ t('SETTINGS_SURROUND_SOUND') }</div>
+                            </div>
+                            <Checkbox
+                                className={classnames(styles['option-input-container'], styles['checkbox-container'])}
+                                tabIndex={-1}
+                                {...surroundSoundCheckbox}
+                            />
+                        </div>
                     </div>
                     <div className={styles['section-container']}>
                         <div className={styles['section-category-container']}>
diff --git a/src/routes/Settings/useProfileSettingsInputs.js b/src/routes/Settings/useProfileSettingsInputs.js
index 2c2f39c88..64b1beb17 100644
--- a/src/routes/Settings/useProfileSettingsInputs.js
+++ b/src/routes/Settings/useProfileSettingsInputs.js
@@ -135,6 +135,21 @@ const useProfileSettingsInputs = (profile) => {
             });
         }
     }), [profile.settings]);
+    const surroundSoundCheckbox = React.useMemo(() => ({
+        checked: profile.settings.surroundSound,
+        onClick: () => {
+            core.transport.dispatch({
+                action: 'Ctx',
+                args: {
+                    action: 'UpdateSettings',
+                    args: {
+                        ...profile.settings,
+                        surroundSound: !profile.settings.surroundSound
+                    }
+                }
+            });
+        }
+    }), [profile.settings]);
     const escExitFullscreenCheckbox = React.useMemo(() => ({
         checked: profile.settings.escExitFullscreen,
         onClick: () => {
@@ -307,6 +322,7 @@ const useProfileSettingsInputs = (profile) => {
         subtitlesBackgroundColorInput,
         subtitlesOutlineColorInput,
         audioLanguageSelect,
+        surroundSoundCheckbox,
         escExitFullscreenCheckbox,
         seekTimeDurationSelect,
         seekShortTimeDurationSelect,
diff --git a/src/types/models/Ctx.d.ts b/src/types/models/Ctx.d.ts
index 54ee1dc4e..15050b2a5 100644
--- a/src/types/models/Ctx.d.ts
+++ b/src/types/models/Ctx.d.ts
@@ -37,6 +37,7 @@ type Settings = {
     subtitlesOutlineColor: string,
     subtitlesSize: number,
     subtitlesTextColor: string,
+    surroundSound: boolean,
 };
 
 type Profile = {