Differential D7081 Diff 23769 web/account/siwe-login-form.react.js

Changeset View

Standalone View

web/account/siwe-login-form.react.js

Show All 30 Lines

import HeaderSeparator from './header-separator.react.js';		import HeaderSeparator from './header-separator.react.js';
import css from './siwe.css';		import css from './siwe.css';
import Button from '../components/button.react.js';		import Button from '../components/button.react.js';
import OrBreak from '../components/or-break.react.js';		import OrBreak from '../components/or-break.react.js';
import LoadingIndicator from '../loading-indicator.react.js';		import LoadingIndicator from '../loading-indicator.react.js';
import { useSelector } from '../redux/redux-utils.js';		import { useSelector } from '../redux/redux-utils.js';
import { webLogInExtraInfoSelector } from '../selectors/account-selectors.js';		import { webLogInExtraInfoSelector } from '../selectors/account-selectors.js';
import { signedIdentityKeysBlobSelector } from '../selectors/socket-selectors.js';		import { getSignedIdentityKeysBlobSelector } from '../selectors/socket-selectors.js';

type SIWELoginFormProps = {		type SIWELoginFormProps = {
+cancelSIWEAuthFlow: () => void,		+cancelSIWEAuthFlow: () => void,
};		};

const getSIWENonceLoadingStatusSelector = createLoadingStatusSelector(		const getSIWENonceLoadingStatusSelector = createLoadingStatusSelector(
getSIWENonceActionTypes,		getSIWENonceActionTypes,
);		);
Show All 25 Lines	dispatchActionPromise(
})(),		})(),
);		);
}, [dispatchActionPromise, getSIWENonceCall, siweNonceShouldBeFetched]);		}, [dispatchActionPromise, getSIWENonceCall, siweNonceShouldBeFetched]);

const primaryIdentityPublicKeys: ?OLMIdentityKeys = useSelector(		const primaryIdentityPublicKeys: ?OLMIdentityKeys = useSelector(
state => state.cryptoStore.primaryIdentityKeys,		state => state.cryptoStore.primaryIdentityKeys,
);		);

const signedIdentityKeysBlob: ?SignedIdentityKeysBlob = useSelector(		const getSignedIdentityKeysBlob: ?() => Promise<SignedIdentityKeysBlob> =
signedIdentityKeysBlobSelector,		useSelector(getSignedIdentityKeysBlobSelector);
);
		const [signedIdentityKeysBlob, setSignedIdentityKeysBlob] =
		React.useState<?SignedIdentityKeysBlob>(null);

		React.useEffect(() => {
		(async () => {
		if (
		getSignedIdentityKeysBlob === null \|\|
		getSignedIdentityKeysBlob === undefined
		) {
		setSignedIdentityKeysBlob(null);
		return;
		}
		const resolvedSignedIdentityKeysBlob: SignedIdentityKeysBlob =
		await getSignedIdentityKeysBlob();
		setSignedIdentityKeysBlob(resolvedSignedIdentityKeysBlob);
		})();
		}, [getSignedIdentityKeysBlob]);
		ashoatUnsubmitted Not Done Inline Actions This could be factored out as a hook, eg. `useSignedIdentityKeysBlob`. Can you do that before landing? ashoat: This could be factored out as a hook, eg. `useSignedIdentityKeysBlob`. Can you do that before…

const callSIWEAuthEndpoint = React.useCallback(		const callSIWEAuthEndpoint = React.useCallback(
(message: string, signature: string, extraInfo) => {		(message: string, signature: string, extraInfo) => {
invariant(		invariant(
signedIdentityKeysBlob,		signedIdentityKeysBlob,
'signedIdentityKeysBlob must be set in attemptSIWEAuth',		'signedIdentityKeysBlob must be set in attemptSIWEAuth',
);		);
return siweAuthCall({		return siweAuthCall({
▲ Show 20 Lines • Show All 96 Lines • Show Last 20 Lines