Reset turnstile on submission request failure

This commit is contained in:
regalijan 2023-10-19 16:49:29 -04:00
parent 2db6acaf1c
commit d9bebf9a09
Signed by: regalijan
GPG Key ID: 5D4196DA269EF520

View File

@ -66,6 +66,8 @@ export default function () {
);
}, []);
const { logged_in, site_key } = useLoaderData<typeof loader>();
async function submit() {
const usernames = (
document.getElementById("usernames") as HTMLInputElement
@ -112,13 +114,21 @@ export default function () {
method: "POST",
});
if (!submitReq.ok)
if (!submitReq.ok) {
if (!logged_in) {
try {
// @ts-expect-error
turnstile.reset();
} catch {}
}
return toast({
description: ((await submitReq.json()) as { error: string }).error,
isClosable: true,
status: "error",
title: "Error",
});
}
const { id, upload_url }: { id: string; upload_url: string } =
await submitReq.json();
@ -181,8 +191,6 @@ export default function () {
sessionStorage.setItem("REPORT_SUCCESS", "1");
}
const { logged_in, site_key } = useLoaderData<typeof loader>();
useEffect(() => {
if (logged_in) return;