diff --git a/native/account/logged-out-modal.react.js b/native/account/logged-out-modal.react.js
--- a/native/account/logged-out-modal.react.js
+++ b/native/account/logged-out-modal.react.js
@@ -81,7 +81,11 @@
'worklet';
const headerHeight = Platform.OS === 'ios' ? 62.33 : 58.54;
let containerSize = headerHeight;
- if (modeValue === 'loading' || modeValue === 'prompt') {
+ if (
+ modeValue === 'loading' ||
+ modeValue === 'prompt' ||
+ modeValue === 'restore'
+ ) {
containerSize += Platform.OS === 'ios' ? 40 : 61;
} else if (modeValue === 'log-in') {
containerSize += 140;
@@ -504,12 +508,14 @@
[styles.buttonContainer, buttonsViewOpacity],
);
const buttons = React.useMemo(() => {
- if (mode.curMode !== 'prompt') {
+ if (mode.curMode !== 'prompt' && mode.curMode !== 'restore') {
return null;
}
const signInButtons = [];
- if (!usingRestoreFlow) {
+ if (!usingRestoreFlow || mode.curMode === 'restore') {
+ const buttonText =
+ mode.curMode === 'restore' ? 'Sign in with password' : 'Sign in';
signInButtons.push(
- Sign in
+ {buttonText}
,
);
}
- if (__DEV__ || usingRestoreFlow) {
+ if ((__DEV__ || usingRestoreFlow) && mode.curMode === 'prompt') {
signInButtons.push(
+
+ or
+
+
+ );
+ }
siweSection = (
<>
Sign in with Ethereum
-
-
- or
-
-
+ {siweOr}
>
);
}
let restoreButton = null;
- if (usingRestoreFlow) {
+ if (usingRestoreFlow && mode.curMode === 'prompt') {
restoreButton = (
-
- {siweSection}
- {restoreButton}
- {signInButtons}
+ let registerButtons = null;
+ if (mode.curMode === 'prompt') {
+ registerButtons = (
Register
+ );
+ }
+
+ let loggedOutStaffInfo = null;
+ if (mode.curMode === 'prompt') {
+ loggedOutStaffInfo = ;
+ }
+
+ return (
+
+ {loggedOutStaffInfo}
+ {siweSection}
+ {restoreButton}
+ {signInButtons}
+ {registerButtons}
);
}, [