From 2cb54a068a454aa10607d3e3ff51327011c841bd Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Sun, 20 Nov 2022 05:20:19 -0800
Subject: [PATCH] Hide electron-only settings

---
 .../features/settings/components/general-tab.tsx      | 11 +++++++----
 .../features/settings/components/playback-tab.tsx     |  2 +-
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/renderer/features/settings/components/general-tab.tsx b/src/renderer/features/settings/components/general-tab.tsx
index bfb9b0837..f9b0cd586 100644
--- a/src/renderer/features/settings/components/general-tab.tsx
+++ b/src/renderer/features/settings/components/general-tab.tsx
@@ -1,4 +1,5 @@
 import { Divider, Stack } from '@mantine/core';
+import isElectron from 'is-electron';
 import { Switch, Select } from '@/renderer/components';
 import { SettingsOptions } from '@/renderer/features/settings/components/settings-option';
 import { THEME_DATA } from '@/renderer/hooks';
@@ -41,7 +42,7 @@ export const GeneralTab = () => {
         <Select disabled data={['Windows', 'macOS']} defaultValue="Windows" />
       ),
       description: 'Adjust the style of the titlebar',
-      isHidden: false,
+      isHidden: !isElectron(),
       title: 'Titlebar style',
     },
     {
@@ -172,9 +173,11 @@ export const GeneralTab = () => {
 
   return (
     <Stack spacing="xl">
-      {options.map((option) => (
-        <SettingsOptions key={`general-${option.title}`} {...option} />
-      ))}
+      {options
+        .filter((o) => !o.isHidden)
+        .map((option) => (
+          <SettingsOptions key={`general-${option.title}`} {...option} />
+        ))}
       <Divider />
       {themeOptions
         .filter((o) => !o.isHidden)
diff --git a/src/renderer/features/settings/components/playback-tab.tsx b/src/renderer/features/settings/components/playback-tab.tsx
index 5216d083d..f7027ba6e 100644
--- a/src/renderer/features/settings/components/playback-tab.tsx
+++ b/src/renderer/features/settings/components/playback-tab.tsx
@@ -290,7 +290,7 @@ export const PlaybackTab = () => {
       ),
       description:
         'Enable or disable the usage of your system media hotkeys to control the audio player (desktop only)',
-      isHidden: false,
+      isHidden: !isElectron(),
       title: 'Global media hotkeys',
     },
   ];