From 07f2d340e7594af388d4a1f9de7c7e55b0af89b2 Mon Sep 17 00:00:00 2001
From: Warinyourself <warinyourself@gmail.com>
Date: Sat, 20 Jun 2026 00:45:15 +0300
Subject: [PATCH] Add hotkeys and show-time toggles, hide hotkeys section when
 disabled

---
 .../settings/general/SettingsCheckboxes.tsx   | 27 ++++++++++++-------
 .../base/settings/general/SettingsGeneral.tsx |  2 +-
 2 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/src/components/base/settings/general/SettingsCheckboxes.tsx b/src/components/base/settings/general/SettingsCheckboxes.tsx
index 932d6c9..1462ca0 100644
--- a/src/components/base/settings/general/SettingsCheckboxes.tsx
+++ b/src/components/base/settings/general/SettingsCheckboxes.tsx
@@ -9,23 +9,30 @@ export default defineComponent({
     const appStore = useAppStore()
     const { t } = useI18n()
 
-    const buildCheckbox = (name: string) => (
+    const buildBodyClassSwitch = (name: string) => (
       <AppSwitch
         label={t(`settings.${name}`)}
         modelValue={appStore.bodyClass[name]}
-        onUpdate:modelValue={(value: boolean) => {
-          appStore.changeBodyClass({ key: name, value })
-        }}
+        onUpdate:modelValue={(value: boolean) => appStore.changeBodyClass({ key: name, value })}
       />
     )
 
     return () => (
-      <div class="grid-two">
-        <h2 class="title">{t('settings.performance')}</h2>
-        {buildCheckbox('blur')}
-        {buildCheckbox('show-framerate')}
-        {buildCheckbox('no-transition')}
-        {buildCheckbox('only-ui')}
+      <div class="settings-group">
+        {buildBodyClassSwitch('blur')}
+        {buildBodyClassSwitch('show-framerate')}
+        {buildBodyClassSwitch('no-transition')}
+        {buildBodyClassSwitch('only-ui')}
+        <AppSwitch
+          label={t('settings.hotkeys')}
+          modelValue={appStore.hotkeysEnabled}
+          onUpdate:modelValue={(value: boolean) => { appStore.hotkeysEnabled = value }}
+        />
+        <AppSwitch
+          label={t('settings.show-time')}
+          modelValue={appStore.showTime}
+          onUpdate:modelValue={(value: boolean) => { appStore.showTime = value }}
+        />
       </div>
     )
   }
diff --git a/src/components/base/settings/general/SettingsGeneral.tsx b/src/components/base/settings/general/SettingsGeneral.tsx
index b80b518..5c63dca 100644
--- a/src/components/base/settings/general/SettingsGeneral.tsx
+++ b/src/components/base/settings/general/SettingsGeneral.tsx
@@ -32,7 +32,7 @@ export default defineComponent({
         <SettingsCheckboxes />
         <SettingsSelectors />
         {!isViewThemeOnly.value && <SettingsUsers />}
-        <SettingsHotkeys />
+        {appStore.hotkeysEnabled && <SettingsHotkeys />}
         <div class="help-block">
           <AppButton onClick={resetSettings}>
             {t('settings.reset-settings')}