Disable bot protection provider card during form loading

authgear · Aug 19, 2024 · eff5cd0 · eff5cd0
1 parent 9014621
commit eff5cd0
Showing 1 changed file with 4 additions and 1 deletion.
diff --git 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} />