1 files changed, 62 insertions, 0 deletions
diff --git a/components/preferencesContext.tsx b/components/preferencesContext.tsx
new file mode 100644
index 0000000..f7bc409
--- /dev/null
+++ b/components/preferencesContext.tsx
@@ -0,0 +1,62 @@
+import { useState, useEffect, createContext, ReactNode } from 'react';
+import axios from 'axios';
+
+import { userPreferences } from '../api/api';
+
+function applyPreferences(preferences: userPreferences) {
+	if(typeof preferences === "undefined") return;
+	if(typeof preferences.darkMode !== "undefined")
+		document.getElementsByTagName("html")[0].classList[preferences.darkMode ? "add" : "remove"]("dark");
+}
+
+var PreferencesContext = createContext<{ preferences?: userPreferences; updatePreference?: (newPreference: userPreferences) => void }>({});
+
+export function PreferencesContextWrapper(props: { children?: ReactNode }) {
+	var [gotData, setGotData] = useState(false);
+	var [preferences, setPreferences] = useState<userPreferences>();
+
+	useEffect(() => {(async() => {
+		if (gotData) return;
+		if (typeof window === "undefined") return;
+		if (!document.cookie.includes("token")) return;
+
+		var local_prefs = window.localStorage.getItem("preferences");
+		if (local_prefs) {
+			var local_prefs_json = JSON.parse(local_prefs) as userPreferences;
+			setPreferences(local_prefs_json);
+			applyPreferences(local_prefs_json);
+		}
+
+		var preferencesReq = await axios.request<{ preferences: userPreferences; }>({
+			method: "get",
+			url: `/api/user/preferences`,
+			headers: {"content-type": "application/json"}
+		});
+
+		window.localStorage.setItem("preferences", JSON.stringify(preferencesReq.data.preferences));
+		setPreferences(preferencesReq.data.preferences);
+
+		setGotData(true);
+	})()});
+
+	useEffect(() => applyPreferences(preferences), [preferences]);
+
+	function updatePreference(newPreference: userPreferences) {
+		var prefs: userPreferences = Object.assign(preferences, newPreference);
+		setPreferences(prefs);
+		applyPreferences(prefs);
+		axios.request({
+			method: "post",
+			url: `/api/user/updatePreferences`,
+			headers: {"content-type": "application/json"},
+			data: { "newPreferences": prefs }
+		});
+	}
+
+	return <PreferencesContext.Provider value={{ preferences, updatePreference }}>
+		{props.children}
+	</PreferencesContext.Provider>
+}
+
+export default PreferencesContext;
+