diff --git a/web/account/log-in-form.react.js b/web/account/log-in-form.react.js --- a/web/account/log-in-form.react.js +++ b/web/account/log-in-form.react.js @@ -25,9 +25,13 @@ openConnectModal && openConnectModal(); }, [openConnectModal]); + const cancelSIWEAuthFlow = React.useCallback(() => { + setSIWEAuthFlowSelected(false); + }, []); + let siweSection; if (isDev && siweAuthFlowSelected && signer) { - siweSection = ; + siweSection = ; } else if (isDev) { siweSection = ; } diff --git a/web/account/siwe-login-form.react.js b/web/account/siwe-login-form.react.js --- a/web/account/siwe-login-form.react.js +++ b/web/account/siwe-login-form.react.js @@ -34,10 +34,14 @@ import { webLogInExtraInfoSelector } from '../selectors/account-selectors.js'; import css from './siwe.css'; +type SIWELoginFormProps = { + +cancelSIWEAuthFlow: () => void, +}; + const getSIWENonceLoadingStatusSelector = createLoadingStatusSelector( getSIWENonceActionTypes, ); -function SIWELoginForm(): React.Node { +function SIWELoginForm(props: SIWELoginFormProps): React.Node { const { address } = useAccount(); const { data: signer } = useSigner(); const dispatch = useDispatch(); @@ -119,6 +123,8 @@ attemptSIWEAuth(message, signature); }, [address, attemptSIWEAuth, primaryIdentityPublicKey, signer, siweNonce]); + const { cancelSIWEAuthFlow } = props; + if (!siweNonce || !primaryIdentityPublicKey) { return (
@@ -142,6 +148,10 @@ +
+
); }