From 594dd1fd4638d658303c4c8a0f24c4082564eceb Mon Sep 17 00:00:00 2001
From: Sebastian <sebasjm@gmail.com>
Date: Mon, 22 Apr 2024 11:40:51 -0300
Subject: fix #8396

---
 packages/challenger-ui/src/pages/AskChallenge.tsx | 5 +++--
 packages/challenger-ui/src/pages/Setup.tsx        | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

(limited to 'packages')

diff --git a/packages/challenger-ui/src/pages/AskChallenge.tsx b/packages/challenger-ui/src/pages/AskChallenge.tsx
index 675e2b869..813636fa4 100644
--- a/packages/challenger-ui/src/pages/AskChallenge.tsx
+++ b/packages/challenger-ui/src/pages/AskChallenge.tsx
@@ -82,7 +82,7 @@ export function AskChallenge({ nonce, onSendSuccesful,routeSolveChallenge }: Pro
         : undefined,
   });
 
-  const onSend = withErrorHandler(
+  const onSend = errors? undefined : withErrorHandler(
     async () => {
       return lib.bank.challenge(nonce, { email: email! });
     },
@@ -216,7 +216,8 @@ export function AskChallenge({ nonce, onSendSuccesful,routeSolveChallenge }: Pro
           <div class="mt-10">
             <Button
               type="submit"
-              class="block w-full rounded-md bg-indigo-600 px-3.5 py-2.5 text-center text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
+              disabled={!onSend}
+              class="block w-full disabled:bg-gray-300 rounded-md bg-indigo-600 px-3.5 py-2.5 text-center text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
               handler={onSend}
             >
               <i18n.Translate>Send email</i18n.Translate>
diff --git a/packages/challenger-ui/src/pages/Setup.tsx b/packages/challenger-ui/src/pages/Setup.tsx
index 5d23045cf..400c9b780 100644
--- a/packages/challenger-ui/src/pages/Setup.tsx
+++ b/packages/challenger-ui/src/pages/Setup.tsx
@@ -70,7 +70,7 @@ export function Setup({ clientId, onCreated }: Props): VNode {
           <div class="mt-10">
             <Button
               type="submit"
-              class="block w-full rounded-md bg-indigo-600 px-3.5 py-2.5 text-center text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
+              class="block w-full disabled:bg-gray-300 rounded-md bg-indigo-600 px-3.5 py-2.5 text-center text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
               handler={onStart}
             >
               <i18n.Translate>Start</i18n.Translate>
-- 
cgit v1.2.3