Page MenuHomePhorge
Files F33072182

D6225.1768444401.diff
No OneTemporary
Actions

Size
2 KB
Referenced Files
None
Subscribers
None

D6225.1768444401.diff
View Options

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
@@ -23,6 +23,10 @@
import { alchemyProvider } from 'wagmi/providers/alchemy';
import { publicProvider } from 'wagmi/providers/public';
+import {
+ getSIWENonce,
+ getSIWENonceActionTypes,
+} from 'lib/actions/siwe-actions.js';
import { logInActionTypes, logIn } from 'lib/actions/user-actions';
import { useModalContext } from 'lib/components/modal-provider.react';
import { createLoadingStatusSelector } from 'lib/selectors/loading-selectors';
@@ -69,6 +73,9 @@
provider,
});
+const getSIWENonceLoadingStatusSelector = createLoadingStatusSelector(
+ getSIWENonceActionTypes,
+);
const loadingStatusSelector = createLoadingStatusSelector(logInActionTypes);
function LoginForm(): React.Node {
const { openConnectModal } = useConnectModal();
@@ -76,12 +83,19 @@
const inputDisabled = useSelector(loadingStatusSelector) === 'loading';
const loginExtraInfo = useSelector(webLogInExtraInfoSelector);
const callLogIn = useServerCall(logIn);
+
+ const getSIWENonceCall = useServerCall(getSIWENonce);
+ const getSIWENonceCallLoadingStatus = useSelector(
+ getSIWENonceLoadingStatusSelector,
+ );
+
const dispatchActionPromise = useDispatchActionPromise();
const modalContext = useModalContext();
const [username, setUsername] = React.useState<string>('');
const [password, setPassword] = React.useState<string>('');
const [errorMessage, setErrorMessage] = React.useState<string>('');
+ const [siweNonce, setSIWENonce] = React.useState<?string>(null);
const usernameInputRef = React.useRef();
@@ -174,7 +188,16 @@
}
let siweConnectButton;
- if (isDev && signer) {
+ if (isDev && signer && !siweNonce) {
+ siweConnectButton = (
+ <div className={css.connectButtonContainer}>
+ <LoadingIndicator
+ status={getSIWENonceCallLoadingStatus}
+ size="medium"
+ />
+ </div>
+ );
+ } else if (isDev && signer) {
siweConnectButton = (
<div className={css.connectButtonContainer}>
<ConnectButton />
@@ -184,7 +207,14 @@
const onSIWEButtonClick = React.useCallback(() => {
openConnectModal && openConnectModal();
- }, [openConnectModal]);
+ dispatchActionPromise(
+ getSIWENonceActionTypes,
+ (async () => {
+ const response = await getSIWENonceCall();
+ setSIWENonce(response);
+ })(),
+ );
+ }, [dispatchActionPromise, getSIWENonceCall, openConnectModal]);
let siweButton;
if (isDev && openConnectModal) {

File Metadata

Mime Type
text/plain
Expires
Thu, Jan 15, 2:33 AM (17 h, 14 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
5935413
Default Alt Text
D6225.1768444401.diff (2 KB)

Event Timeline