32 lines
887 B
TypeScript
32 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,
|
||
|
|
});
|
||
|
|
};
|