prevent repeat api requests

3 files changed, 6 insertions, 10 deletions

diff --git a/components/account.tsx b/components/account.tsx
index 005e0d1..7b825cd 100644
--- a/components/account.tsx
+++ b/components/account.tsx
@@ -1,5 +1,3 @@
-import { useState, useEffect } from 'react';
-
 var dummy = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQYV2P4z/j/PwAHAQL/gXZXNQAAAABJRU5ErkJggg==";
 
 export function AccountAvatar(props: {
diff --git a/components/navbar.tsx b/components/navbar.tsx
index 2c38c3c..252635d 100644
--- a/components/navbar.tsx
+++ b/components/navbar.tsx
@@ -46,7 +46,7 @@ export function NavBar() {
 		}
 
 		setGotData(true);
-	})()});
+	})()}, []);
 
 	return <div className="navbar" style={{
 		width: 48,
diff --git a/components/preferencesContext.tsx b/components/preferencesContext.tsx
index 6b7914f..1b58a4f 100644
--- a/components/preferencesContext.tsx
+++ b/components/preferencesContext.tsx
@@ -12,13 +12,13 @@ function applyPreferences(preferences: userPreferences) {
 var PreferencesContext = createContext<{ preferences?: userPreferences; updatePreference?: (newPreference: userPreferences) => void }>({});
 
 export function PreferencesContextWrapper(props: { children?: ReactNode }) {
-	var [gotData, setGotData] = useState(false);
+	var server = typeof window === "undefined";
+	var loggedIn = !server && document.cookie.includes("token");
+
 	var [preferences, setPreferences] = useState<userPreferences>();
 
 	useEffect(() => {(async() => {
-		if (gotData) return;
-		if (typeof window === "undefined") return;
-		if (!document.cookie.includes("token")) return;
+		if (!loggedIn) return;
 
 		var local_prefs = window.localStorage.getItem("preferences");
 		if (local_prefs) {
@@ -37,9 +37,7 @@ export function PreferencesContextWrapper(props: { children?: ReactNode }) {
 			window.localStorage.setItem("preferences", JSON.stringify(preferencesReq.data.preferences));
 			setPreferences(preferencesReq.data.preferences);
 		}
-
-		setGotData(true);
-	})()});
+	})()}, []);
 
 	useEffect(() => applyPreferences(preferences), [preferences]);