Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-07-31 08:06:51 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Fix all buttons showing loading on control page

Browse Source
This commit is contained in:
Kalle 2022-04-16 12:16:37 +03:00
parent 4545c970d0
commit a697c61afd
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/routes/to/$organization.$tournament/manage.tsx
View File

@ -219,6 +219,11 @@ function CheckInOutButton({
type: "IN" | "OUT";
}) {
const transition = useTransition();
const isSubmitting =
transition.state !== "idle" &&
transition.submission?.formData.get("teamId") === teamId;
return (
<Form
method="post"
@ -233,8 +238,9 @@ function CheckInOutButton({
<Button
tiny
variant={type === "IN" ? "minimal-success" : "minimal-destructive"}
loading={transition.state !== "idle"}
loading={isSubmitting}
type="submit"
loadingText={type === "IN" ? "Checking-in..." : "Checking-out..."}
>
{type === "IN" ? "Check-in" : "Check-out"}
</Button>