switch to another frontend framework wheeeeeeeeeeee

Foxnouns.Frontend/app/routes/dark-mode/route.tsx

@@ -0,0 +1,31 @@
+import { ActionFunction } from "@remix-run/node";
+import { UserSettings } from "~/lib/api/user";
+import serverRequest, { getCookie, writeCookie } from "~/lib/request.server";
+
+// Handles theme switching
+// Remix itself handles redirecting back to the original page after the setting is set
+export const action: ActionFunction = async ({ request }) => {
+	const body = await request.formData();
+	const theme = (body.get("theme") as string | null) || "auto";
+
+	const token = getCookie(request, "pronounscc-token");
+	if (token) {
+		await serverRequest<UserSettings>("PATCH", "/users/@me/settings", {
+			token,
+			body: {
+				dark_mode: theme === "auto" ? null : theme === "dark" ? true : false,
+			},
+		});
+
+		return new Response(null, {
+			status: 204,
+		});
+	}
+
+	return new Response(null, {
+		headers: {
+			"Set-Cookie": writeCookie("pronounscc-theme", theme),
+		},
+		status: 204,
+	});
+};