diff options
Diffstat (limited to 'packages')
-rw-r--r-- | packages/challenger-ui/src/pages/AskChallenge.tsx | 5 | ||||
-rw-r--r-- | packages/challenger-ui/src/pages/Setup.tsx | 2 |
2 files changed, 4 insertions, 3 deletions
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> |