diff --git a/native/account/prompt-button.react.js b/native/account/prompt-button.react.js --- a/native/account/prompt-button.react.js +++ b/native/account/prompt-button.react.js @@ -48,7 +48,7 @@ backgroundColor: 'siweButton', flexDirection: 'row', justifyContent: 'center', - padding: 12, + padding: 10, }, siweIcon: { paddingRight: 10, diff --git a/native/account/restore-prompt-screen.react.js b/native/account/restore-prompt-screen.react.js --- a/native/account/restore-prompt-screen.react.js +++ b/native/account/restore-prompt-screen.react.js @@ -9,6 +9,8 @@ import RegistrationContainer from './registration/registration-container.react.js'; import RegistrationContentContainer from './registration/registration-content-container.react.js'; import type { SignInNavigationProp } from './sign-in-navigator.react'; +import { useSIWEPanelState } from './siwe-hooks.js'; +import SIWEPanel from './siwe-panel.react.js'; import type { NavigationRoute } from '../navigation/route-names'; import { RestorePasswordAccountScreenRouteName } from '../navigation/route-names.js'; import { useStyles } from '../themes/colors.js'; @@ -18,6 +20,10 @@ +route: NavigationRoute<'RestorePromptScreen'>, }; +const siweSignatureRequestData = { + messageType: 'msg_auth', +}; + function RestorePromptScreen(props: Props): React.Node { const styles = useStyles(unboundStyles); @@ -25,43 +31,67 @@ props.navigation.navigate(RestorePasswordAccountScreenRouteName); }, [props.navigation]); + const { + panelState, + openPanel, + onPanelClosed, + onPanelClosing, + siwePanelSetLoading, + } = useSIWEPanelState(); + let siwePanel; + if (panelState !== 'closed') { + siwePanel = ( + {}} + siweSignatureRequestData={siweSignatureRequestData} + setLoading={siwePanelSetLoading} + /> + ); + } + return ( - - - Restore account - - If you’ve lost access to your primary device, you can try recovering - your Comm account. - - - To proceed, select the same login method that you used during - registration. - - - Note that after completing the recovery flow, you will be logged out - from all of your other devices. - - - - - - - - {}} - variant="siwe" - /> - - - - - - + <> + + + Restore account + + If you’ve lost access to your primary device, you can try recovering + your Comm account. + + + To proceed, select the same login method that you used during + registration. + + + Note that after completing the recovery flow, you will be logged out + from all of your other devices. + + + + + + + + + + + + + + + {siwePanel} + ); } @@ -89,6 +119,22 @@ scrollViewContentContainer: { flexGrow: 1, }, + loadingContainer: { + position: 'absolute', + top: 0, + bottom: 0, + left: 0, + right: 0, + alignItems: 'center', + justifyContent: 'center', + }, + backdrop: { + backgroundColor: 'black', + opacity: 0.6, + width: '100%', + height: '100%', + position: 'absolute', + }, }; export default RestorePromptScreen;