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 @@
+
+
);
}