From ed201936813d9a720b51e6cb40a05267b94e7314 Mon Sep 17 00:00:00 2001 From: Max Nanis Date: Thu, 10 Sep 2026 17:46:41 -0700 Subject: Typescript prettier Committing seperate so it's easier to see actual changes. --- jb-ui/src/pages/LinkAmtAccount.tsx | 131 ++++++++++++++++++++----------------- 1 file changed, 71 insertions(+), 60 deletions(-) (limited to 'jb-ui/src/pages/LinkAmtAccount.tsx') diff --git a/jb-ui/src/pages/LinkAmtAccount.tsx b/jb-ui/src/pages/LinkAmtAccount.tsx index 0c9dab3..a72626f 100644 --- a/jb-ui/src/pages/LinkAmtAccount.tsx +++ b/jb-ui/src/pages/LinkAmtAccount.tsx @@ -5,69 +5,80 @@ import { Button } from "@/components/ui/button"; type RequestState = "idle" | "working" | "sent" | "failed" | "missing-worker"; const LinkAmtAccount = function () { - const [email, setEmail] = useState(""); - const [state, setState] = useState("idle"); - const [mockLink, setMockLink] = useState(null); - const amtWorkerId = new URLSearchParams(window.location.search).get("workerId"); + const [email, setEmail] = useState(""); + const [state, setState] = useState("idle"); + const [mockLink, setMockLink] = useState(null); + const amtWorkerId = new URLSearchParams(window.location.search).get( + "workerId", + ); - const submit = async (event: FormEvent) => { - event.preventDefault(); - if (!amtWorkerId) { - setState("missing-worker"); - return; - } + const submit = async (event: FormEvent) => { + event.preventDefault(); + if (!amtWorkerId) { + setState("missing-worker"); + return; + } - setState("working"); - setMockLink(null); - try { - const response = await fetch("/auth/link-amt/request", { - method: "POST", - credentials: "include", - headers: {"Content-Type": "application/json"}, - body: JSON.stringify({ - "email": email, - "amt_worker_id": amtWorkerId, - }), - }); - if (!response.ok) throw new Error("Account-link request failed"); - const body = await response.json() as {magic_link?: string}; - setMockLink(body.magic_link ?? null); - setState("sent"); - } catch { - setState("failed"); - } - }; + setState("working"); + setMockLink(null); + try { + const response = await fetch("/auth/link-amt/request", { + method: "POST", + credentials: "include", + headers: { "Content-Type": "application/json" }, + body: JSON.stringify({ + email: email, + amt_worker_id: amtWorkerId, + }), + }); + if (!response.ok) throw new Error("Account-link request failed"); + const body = (await response.json()) as { magic_link?: string }; + setMockLink(body.magic_link ?? null); + setState("sent"); + } catch { + setState("failed"); + } + }; - return ( -
-
-

Link your MTurk account

-

Enter the email address you want to use for James Billings.

-
- setEmail(event.target.value)} - placeholder="you@example.com" - /> - -
- {state === "sent" &&

Check your email to finish linking your account.

} - {state === "failed" &&

Unable to send the link. Please try again.

} - {state === "missing-worker" &&

This page is missing your MTurk worker ID.

} - {mockLink && ( -

- Development link: continue -

- )} -
-
- ); + return ( +
+
+

Link your MTurk account

+

Enter the email address you want to use for James Billings.

+
+ setEmail(event.target.value)} + placeholder="you@example.com" + /> + +
+ {state === "sent" && ( +

Check your email to finish linking your account.

+ )} + {state === "failed" && ( +

Unable to send the link. Please try again.

+ )} + {state === "missing-worker" && ( +

This page is missing your MTurk worker ID.

+ )} + {mockLink && ( +

+ Development link:{" "} + + continue + +

+ )} +
+
+ ); }; export default LinkAmtAccount; -- cgit v1.2.3