Refactor settings store and components

2026-05-15 04:51:06 +02:00 · 2023-03-30 06:44:33 -07:00
parent 373441e4c6
commit eecbcddea3
30 changed files with 894 additions and 832 deletions
@@ -0,0 +1,59 @@
+import { Select } from '/@/renderer/components';
+import {
+  SettingsSection,
+  SettingOption,
+} from '/@/renderer/features/settings/components/settings-section';
+import { useGeneralSettings, useSettingsStoreActions } from '/@/renderer/store/settings.store';
+
+const FONT_OPTIONS = [
+  { label: 'Archivo', value: 'Archivo' },
+  { label: 'Fredoka', value: 'Fredoka' },
+  { label: 'League Spartan', value: 'League Spartan' },
+  { label: 'Lexend', value: 'Lexend' },
+  { label: 'Poppins', value: 'Poppins' },
+  { label: 'Raleway', value: 'Raleway' },
+  { label: 'Sora', value: 'Sora' },
+  { label: 'Work Sans', value: 'Work Sans' },
+];
+
+export const ApplicationSettings = () => {
+  const settings = useGeneralSettings();
+  const { setSettings } = useSettingsStoreActions();
+
+  const options: SettingOption[] = [
+    {
+      control: (
+        <Select
+          disabled
+          data={[]}
+        />
+      ),
+      description: 'Sets the application language',
+      isHidden: false,
+      title: 'Language',
+    },
+    {
+      control: (
+        <Select
+          searchable
+          data={FONT_OPTIONS}
+          defaultValue={settings.fontContent}
+          onChange={(e) => {
+            if (!e) return;
+            setSettings({
+              general: {
+                ...settings,
+                fontContent: e,
+              },
+            });
+          }}
+        />
+      ),
+      description: 'Sets the application content font',
+      isHidden: false,
+      title: 'Font (Content)',
+    },
+  ];
+
+  return <SettingsSection options={options} />;
+};