reorganize and redesign settings

2026-06-14 23:44:01 +02:00 · 2025-11-23 18:15:38 -08:00
parent 7cc5ccd2c5
commit a2926ef47e
26 changed files with 629 additions and 540 deletions
@@ -0,0 +1,48 @@
+import isElectron from 'is-electron';
+import { useTranslation } from 'react-i18next';
+
+import {
+    SettingOption,
+    SettingsSection,
+} from '/@/renderer/features/settings/components/settings-section';
+import { usePlaybackSettings, useSettingsStoreActions } from '/@/renderer/store/settings.store';
+import { Switch } from '/@/shared/components/switch/switch';
+import { PlayerType } from '/@/shared/types/types';
+
+const isWindows = isElectron() ? window.api.utils.isWindows() : null;
+const isDesktop = isElectron();
+const ipc = isElectron() ? window.api.ipc : null;
+
+export const MediaSessionSettings = () => {
+    const { t } = useTranslation();
+    const { mediaSession, type: playbackType } = usePlaybackSettings();
+    const { toggleMediaSession } = useSettingsStoreActions();
+
+    function handleMediaSessionChange() {
+        const current = mediaSession;
+        toggleMediaSession();
+        ipc?.send('settings-set', { property: 'mediaSession', value: !current });
+    }
+
+    const mediaSessionOptions: SettingOption[] = [
+        {
+            control: (
+                <Switch
+                    aria-label="Toggle media Session"
+                    defaultChecked={mediaSession}
+                    disabled={!isWindows || !isDesktop || playbackType !== PlayerType.WEB}
+                    onChange={handleMediaSessionChange}
+                />
+            ),
+            description: t('setting.mediaSession', {
+                context: 'description',
+                postProcess: 'sentenceCase',
+            }),
+            isHidden: !isWindows || !isDesktop,
+            note: t('common.restartRequired', { postProcess: 'sentenceCase' }),
+            title: t('setting.mediaSession', { postProcess: 'sentenceCase' }),
+        },
+    ];
+
+    return <SettingsSection options={mediaSessionOptions} />;
+};