From eff5cd0d7b6faeb5ea60217cea8cf572756f3b67 Mon Sep 17 00:00:00 2001
From: pkong-ds <pkong.work@gmail.com>
Date: Mon, 19 Aug 2024 14:33:54 +0800
Subject: [PATCH] Disable bot protection provider card during form loading

---
 .../src/graphql/portal/BotProtectionConfigurationScreen.tsx  | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/portal/src/graphql/portal/BotProtectionConfigurationScreen.tsx b/portal/src/graphql/portal/BotProtectionConfigurationScreen.tsx
index f5dac022d3..d956f63933 100644
--- a/portal/src/graphql/portal/BotProtectionConfigurationScreen.tsx
+++ b/portal/src/graphql/portal/BotProtectionConfigurationScreen.tsx
@@ -52,6 +52,7 @@ import PrimaryButton from "../../PrimaryButton";
 import { startReauthentication } from "./Authenticated";
 import { useSessionStorage } from "../../hook/useSessionStorage";
 import HorizontalDivider from "../../HorizontalDivider";
+import { useFormLoading } from "../../form";
 
 const MASKED_SECRET = "***************";
 
@@ -393,6 +394,8 @@ function ProviderCard(props: ProviderCardProps) {
     },
   } = useSystemConfig();
 
+  const formLoading = useFormLoading();
+
   return (
     <button
       type="button"
@@ -402,7 +405,7 @@ function ProviderCard(props: ProviderCardProps) {
       className={cn(className, styles.providerCard)}
       onClick={disabled ? undefined : onClick}
       tabIndex={0}
-      disabled={disabled}
+      disabled={formLoading || disabled}
     >
       {logoSrc != null ? (
         <Image src={logoSrc} width={logoWidth} height={logoHeight} />