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 @@ -60,7 +60,12 @@ let initialAppLoad = true; const safeAreaEdges = ['top', 'bottom']; -export type LoggedOutMode = 'loading' | 'prompt' | 'log-in' | 'siwe'; +export type LoggedOutMode = + | 'loading' + | 'prompt' + | 'log-in' + | 'siwe' + | 'restore'; const timingConfig = { duration: 250, @@ -76,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; @@ -494,12 +503,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') { const buttonText = usingRestoreFlow ? 'Sign in' : 'Sign in (QR)'; signInButtons.push( + + or + + + ); + } siweSection = ( <> Sign in with Ethereum - - - or - - + {siweOr} ); } - return ( - - - {siweSection} - {signInButtons} + let registerButtons = null; + if (mode.curMode === 'prompt') { + registerButtons = ( Register + ); + } + + let loggedOutStaffInfo = null; + if (mode.curMode === 'prompt') { + loggedOutStaffInfo = ; + } + + return ( + + {loggedOutStaffInfo} + {siweSection} + {signInButtons} + {registerButtons} ); }, [