From d7226fc3d4b29eb5c0dbd462073c3606fc586008 Mon Sep 17 00:00:00 2001
From: Udit Takkar <53316345+Udit-takkar@users.noreply.github.com>
Date: Sat, 12 Nov 2022 19:01:11 +0530
Subject: [PATCH] fix: disable button and handle submit when loading (#5496)

---
 .../teams/components/CreateANewTeamForm.tsx   | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/packages/features/ee/teams/components/CreateANewTeamForm.tsx b/packages/features/ee/teams/components/CreateANewTeamForm.tsx
index fe22a13f37..ba265fb950 100644
--- a/packages/features/ee/teams/components/CreateANewTeamForm.tsx
+++ b/packages/features/ee/teams/components/CreateANewTeamForm.tsx
@@ -38,7 +38,11 @@ export const CreateANewTeamForm = () => {
 
   return (
     <>
-      <Form form={newTeamFormMethods} handleSubmit={(v) => createTeamMutation.mutate(v)}>
+      <Form
+        form={newTeamFormMethods}
+        handleSubmit={(v) => {
+          if (!createTeamMutation.isLoading) createTeamMutation.mutate(v);
+        }}>
         <div className="mb-8">
           <Controller
             name="name"
@@ -113,10 +117,19 @@ export const CreateANewTeamForm = () => {
         </div>
 
         <div className="flex space-x-2">
-          <Button color="secondary" href="/settings" className="w-full justify-center">
+          <Button
+            disabled={createTeamMutation.isLoading}
+            color="secondary"
+            href="/settings"
+            className="w-full justify-center">
             {t("cancel")}
           </Button>
-          <Button color="primary" type="submit" EndIcon={Icon.FiArrowRight} className="w-full justify-center">
+          <Button
+            disabled={createTeamMutation.isLoading}
+            color="primary"
+            type="submit"
+            EndIcon={Icon.FiArrowRight}
+            className="w-full justify-center">
             {t("continue")}
           </Button>
         </div>