aboutsummaryrefslogtreecommitdiff
path: root/src/frontend/app/routes/settings.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/frontend/app/routes/settings.tsx')
-rw-r--r--src/frontend/app/routes/settings.tsx8
1 files changed, 3 insertions, 5 deletions
diff --git a/src/frontend/app/routes/settings.tsx b/src/frontend/app/routes/settings.tsx
index 3bc3492..bcda311 100644
--- a/src/frontend/app/routes/settings.tsx
+++ b/src/frontend/app/routes/settings.tsx
@@ -1,4 +1,4 @@
-import { useApp } from "../AppContext";
+import { type Theme, useApp } from "../AppContext";
import "./settings.css";
import { useTranslation } from "react-i18next";
import { useState } from "react";
@@ -14,9 +14,6 @@ export default function Settings() {
setMapPositionMode,
} = useApp();
- const [isCheckingUpdates, setIsCheckingUpdates] = useState(false);
- const [updateMessage, setUpdateMessage] = useState<string | null>(null);
-
return (
<div className="page-container">
<h1 className="page-title">{t("about.title")}</h1>
@@ -31,10 +28,11 @@ export default function Settings() {
id="theme"
className="form-select-inline"
value={theme}
- onChange={(e) => setTheme(e.target.value as "light" | "dark")}
+ onChange={(e) => setTheme(e.target.value as Theme)}
>
<option value="light">{t("about.theme_light")}</option>
<option value="dark">{t("about.theme_dark")}</option>
+ <option value="system">{t("about.theme_system")}</option>
</select>
</div>
<div className="settings-content-inline">