From a697c61afd9a2a5fe18d45f52623e4411524d9ba Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Sat, 16 Apr 2022 12:16:37 +0300
Subject: [PATCH] Fix all buttons showing loading on control page

---
 app/routes/to/$organization.$tournament/manage.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/app/routes/to/$organization.$tournament/manage.tsx b/app/routes/to/$organization.$tournament/manage.tsx
index d655262d3..11a637824 100644
--- a/app/routes/to/$organization.$tournament/manage.tsx
+++ b/app/routes/to/$organization.$tournament/manage.tsx
@@ -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>