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 @@ -434,11 +434,6 @@ combinedSetMode('log-in'); }, [combinedSetMode]); - const onPressRestore = React.useCallback( - () => combinedSetMode('restore'), - [combinedSetMode], - ); - const { navigate } = props.navigation; const onPressQRCodeSignIn = React.useCallback(() => { navigate(QRCodeSignInNavigatorRouteName); @@ -522,6 +517,7 @@ ); } if (__DEV__ || usingRestoreFlow) { + const buttonText = usingRestoreFlow ? 'Sign in' : 'Sign in (QR)'; signInButtons.push( - Sign in (QR) + {buttonText} , ); } @@ -557,25 +553,10 @@ ); } - let restoreButton = null; - if (usingRestoreFlow) { - restoreButton = ( - - Restore - - ); - } - return ( {siweSection} - {restoreButton} {signInButtons} + {}} /> + + ); + } + return ( - - Log in to Comm - - Open the Comm app on your phone and scan the QR code below - - - - How to find the scanner: - - Go to - Profile - - - Select - Linked devices - - - Click - Add - on the top right + + + Log in to Comm + + Open the Comm app on your phone and scan the QR code below + + + How to find the scanner: + + Go to + Profile + + + Select + Linked devices + + + Click + Add + on the top right + + + {primaryRestoreButton} ); } const unboundStyles = { + screenContainer: { + flex: 1, + }, container: { flex: 1, alignItems: 'center', @@ -102,6 +120,10 @@ instructionsBold: { fontWeight: 'bold', }, + primaryRestoreButton: { + alignItems: 'center', + marginBottom: 20, + }, }; export default QRCodeScreen;