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

31 lines
887 B
TypeScript

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,
});
};