update global (texte + logo)

Linkwarden/store/localSettings.ts

@@ -0,0 +1,57 @@
+import { create } from "zustand";
+
+type LocalSettings = {
+  theme?: string;
+  viewMode?: string;
+};
+
+type LocalSettingsStore = {
+  settings: LocalSettings;
+  updateSettings: (settings: LocalSettings) => void;
+  setSettings: () => void;
+};
+
+const useLocalSettingsStore = create<LocalSettingsStore>((set) => ({
+  settings: {
+    theme: "",
+    viewMode: "",
+  },
+  updateSettings: async (newSettings) => {
+    if (
+      newSettings.theme &&
+      newSettings.theme !== localStorage.getItem("theme")
+    ) {
+      localStorage.setItem("theme", newSettings.theme);
+
+      const localTheme = localStorage.getItem("theme") || "";
+
+      document.querySelector("html")?.setAttribute("data-theme", localTheme);
+    }
+
+    if (
+      newSettings.viewMode &&
+      newSettings.viewMode !== localStorage.getItem("viewMode")
+    ) {
+      localStorage.setItem("viewMode", newSettings.viewMode);
+
+      // const localTheme = localStorage.getItem("viewMode") || "";
+    }
+
+    set((state) => ({ settings: { ...state.settings, ...newSettings } }));
+  },
+  setSettings: async () => {
+    if (!localStorage.getItem("theme")) {
+      localStorage.setItem("theme", "dark");
+    }
+
+    const localTheme = localStorage.getItem("theme") || "";
+
+    set((state) => ({
+      settings: { ...state.settings, theme: localTheme },
+    }));
+
+    document.querySelector("html")?.setAttribute("data-theme", localTheme);
+  },
+}));
+
+export default useLocalSettingsStore;