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} ); }, [