Fixes issue with (#2119)

* Allow going directly to password input screen when switching accounts and password is required

* Revise state handling

* Handle logged out states, enable clearing requestedAccount

---------

Co-authored-by: Eric Bailey <git@esb.lol>
This commit is contained in:
Ansh 2023-12-07 16:53:50 -08:00 committed by GitHub
parent afca4bf701
commit 9d51886e43
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 108 additions and 22 deletions

View file

@ -14,6 +14,10 @@ import {useAnalytics} from 'lib/analytics/analytics'
import {SplashScreen} from './SplashScreen'
import {useSetMinimalShellMode} from '#/state/shell/minimal-mode'
import {useWebMediaQueries} from 'lib/hooks/useWebMediaQueries'
import {
useLoggedOutView,
useLoggedOutViewControls,
} from '#/state/shell/logged-out'
enum ScreenState {
S_LoginOrCreateAccount,
@ -26,16 +30,27 @@ export function LoggedOut({onDismiss}: {onDismiss?: () => void}) {
const pal = usePalette('default')
const setMinimalShellMode = useSetMinimalShellMode()
const {screen} = useAnalytics()
const {requestedAccountSwitchTo} = useLoggedOutView()
const [screenState, setScreenState] = React.useState<ScreenState>(
ScreenState.S_LoginOrCreateAccount,
requestedAccountSwitchTo
? ScreenState.S_Login
: ScreenState.S_LoginOrCreateAccount,
)
const {isMobile} = useWebMediaQueries()
const {clearRequestedAccount} = useLoggedOutViewControls()
React.useEffect(() => {
screen('Login')
setMinimalShellMode(true)
}, [screen, setMinimalShellMode])
const onPressDismiss = React.useCallback(() => {
if (onDismiss) {
onDismiss()
}
clearRequestedAccount()
}, [clearRequestedAccount, onDismiss])
return (
<View
testID="noSessionView"
@ -62,7 +77,7 @@ export function LoggedOut({onDismiss}: {onDismiss?: () => void}) {
backgroundColor: pal.text.color,
borderRadius: 100,
}}
onPress={onDismiss}>
onPress={onPressDismiss}>
<FontAwesomeIcon
icon="x"
size={12}
@ -83,9 +98,10 @@ export function LoggedOut({onDismiss}: {onDismiss?: () => void}) {
) : undefined}
{screenState === ScreenState.S_Login ? (
<Login
onPressBack={() =>
onPressBack={() => {
setScreenState(ScreenState.S_LoginOrCreateAccount)
}
clearRequestedAccount()
}}
/>
) : undefined}
{screenState === ScreenState.S_CreateAccount ? (