68 lines
1.7 KiB
TypeScript
68 lines
1.7 KiB
TypeScript
import { Sort } from "@/types/global";
|
|
import { create } from "zustand";
|
|
|
|
type LocalSettings = {
|
|
theme?: string;
|
|
viewMode?: string;
|
|
sortBy?: Sort;
|
|
};
|
|
|
|
type LocalSettingsStore = {
|
|
settings: LocalSettings;
|
|
updateSettings: (settings: LocalSettings) => void;
|
|
setSettings: () => void;
|
|
};
|
|
|
|
const useLocalSettingsStore = create<LocalSettingsStore>((set) => ({
|
|
settings: {
|
|
theme: "",
|
|
viewMode: "",
|
|
sortBy: Sort.DateNewestFirst,
|
|
},
|
|
updateSettings: async (newSettings) => {
|
|
if (
|
|
newSettings.theme !== undefined &&
|
|
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 !== undefined &&
|
|
newSettings.viewMode !== localStorage.getItem("viewMode")
|
|
) {
|
|
localStorage.setItem("viewMode", newSettings.viewMode);
|
|
|
|
// const localTheme = localStorage.getItem("viewMode") || "";
|
|
}
|
|
|
|
if (
|
|
newSettings.sortBy !== undefined &&
|
|
newSettings.sortBy !== Number(localStorage.getItem("sortBy"))
|
|
) {
|
|
localStorage.setItem("sortBy", newSettings.sortBy.toString());
|
|
}
|
|
|
|
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;
|