App.tsx: Hell/Dunkel-State nach theme/useThemeMode.ts

Reiner Umzug von useState + Setter-Wrapper (persistiert in localStorage via
themeMode.ts) in einen eigenen Hook. Verhaltensgleich.
This commit is contained in:
2026-07-21 16:24:33 +02:00
parent 43ea7c5d8e
commit 85f386a496
2 changed files with 20 additions and 10 deletions
+18
View File
@@ -0,0 +1,18 @@
// React-State-Wrapper um den Hell/Dunkel-Umschalter (Einstellungen →
// Darstellung). Standard Hell (styles.css); Dunkel ist Opt-in und
// persistiert in localStorage (themeMode.ts).
//
// Extrahiert aus App.tsx. Bezeichner englisch, Kommentare deutsch (CONVENTIONS.md).
import { useState } from "react";
import { getStoredThemeMode, setStoredThemeMode } from "./themeMode";
import type { ThemeMode } from "./themeMode";
export function useThemeModeState() {
const [themeMode, setThemeModeState] = useState<ThemeMode>(() => getStoredThemeMode());
const setThemeMode = (mode: ThemeMode) => {
setThemeModeState(mode);
setStoredThemeMode(mode);
};
return { themeMode, setThemeMode };
}