Improvements to UI in web logged-out views (#1341)

* Add LoggedOutLayout for desktop/tablet web

* Avoid screen flash in the transition to onboarding

* Fix comment
This commit is contained in:
Paul Frazee 2023-08-30 17:55:01 -07:00 committed by GitHub
parent a498acab6e
commit 04992f14f1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 239 additions and 120 deletions

View file

@ -9,7 +9,6 @@ import {usePalette} from 'lib/hooks/usePalette'
import {useStores} from 'state/index'
import {useAnalytics} from 'lib/analytics/analytics'
import {SplashScreen} from './SplashScreen'
import {CenteredView} from '../util/Views'
enum ScreenState {
S_LoginOrCreateAccount,
@ -43,25 +42,23 @@ export const LoggedOut = observer(() => {
}
return (
<CenteredView style={[s.hContentRegion, pal.view]}>
<SafeAreaView testID="noSessionView" style={s.hContentRegion}>
<ErrorBoundary>
{screenState === ScreenState.S_Login ? (
<Login
onPressBack={() =>
setScreenState(ScreenState.S_LoginOrCreateAccount)
}
/>
) : undefined}
{screenState === ScreenState.S_CreateAccount ? (
<CreateAccount
onPressBack={() =>
setScreenState(ScreenState.S_LoginOrCreateAccount)
}
/>
) : undefined}
</ErrorBoundary>
</SafeAreaView>
</CenteredView>
<SafeAreaView testID="noSessionView" style={[s.hContentRegion, pal.view]}>
<ErrorBoundary>
{screenState === ScreenState.S_Login ? (
<Login
onPressBack={() =>
setScreenState(ScreenState.S_LoginOrCreateAccount)
}
/>
) : undefined}
{screenState === ScreenState.S_CreateAccount ? (
<CreateAccount
onPressBack={() =>
setScreenState(ScreenState.S_LoginOrCreateAccount)
}
/>
) : undefined}
</ErrorBoundary>
</SafeAreaView>
)
})