diff --git a/src/components/forms/TextField.tsx b/src/components/forms/TextField.tsx index 9b7ada3199..8f541146e8 100644 --- a/src/components/forms/TextField.tsx +++ b/src/components/forms/TextField.tsx @@ -238,7 +238,7 @@ export function createInput(Component: typeof TextInput) { ctx.onBlur() onBlur?.(e) }} - placeholder={placeholder || label} + placeholder={placeholder ?? label} placeholderTextColor={t.palette.contrast_500} keyboardAppearance={t.name === 'light' ? 'light' : 'dark'} style={flattened} diff --git a/src/screens/Authentication/ForgotPasswordScreen.tsx b/src/screens/Authentication/ForgotPasswordScreen.tsx index a20562b19d..64a86f5a95 100644 --- a/src/screens/Authentication/ForgotPasswordScreen.tsx +++ b/src/screens/Authentication/ForgotPasswordScreen.tsx @@ -2,6 +2,7 @@ import { type AuthNavigatorParams, type NativeStackScreenProps, } from '#/lib/routes/types' +import {Logo} from '#/view/icons/Logo' import {Text} from '#/components/Typography' import * as Layout from './components/Layout' @@ -15,7 +16,9 @@ export function ForgotPasswordScreenInner() { - + + + diff --git a/src/screens/Authentication/PasswordUpdatedScreen.tsx b/src/screens/Authentication/PasswordUpdatedScreen.tsx index 65bf5ca15b..631d6642a0 100644 --- a/src/screens/Authentication/PasswordUpdatedScreen.tsx +++ b/src/screens/Authentication/PasswordUpdatedScreen.tsx @@ -2,6 +2,7 @@ import { type AuthNavigatorParams, type NativeStackScreenProps, } from '#/lib/routes/types' +import {Logo} from '#/view/icons/Logo' import {Text} from '#/components/Typography' import * as Layout from './components/Layout' @@ -15,7 +16,9 @@ export function PasswordUpdatedScreenInner() { - + + + diff --git a/src/screens/Authentication/SelectAccountScreen.tsx b/src/screens/Authentication/SelectAccountScreen.tsx index 66467fa452..f84ea34a9a 100644 --- a/src/screens/Authentication/SelectAccountScreen.tsx +++ b/src/screens/Authentication/SelectAccountScreen.tsx @@ -10,6 +10,7 @@ import {logger} from '#/logger' import {type SessionAccount, useSession, useSessionApi} from '#/state/session' import {useLoggedOutViewControls} from '#/state/shell/logged-out' import * as Toast from '#/view/com/util/Toast' +import {Logo} from '#/view/icons/Logo' import {atoms as a} from '#/alf' import {AccountList} from '#/components/AccountList' import * as TextField from '#/components/forms/TextField' @@ -72,7 +73,9 @@ export function SelectAccountScreenInner({ - + + + diff --git a/src/screens/Authentication/SetNewPasswordScreen.tsx b/src/screens/Authentication/SetNewPasswordScreen.tsx index e881735009..dd441ca849 100644 --- a/src/screens/Authentication/SetNewPasswordScreen.tsx +++ b/src/screens/Authentication/SetNewPasswordScreen.tsx @@ -2,6 +2,7 @@ import { type AuthNavigatorParams, type NativeStackScreenProps, } from '#/lib/routes/types' +import {Logo} from '#/view/icons/Logo' import {Text} from '#/components/Typography' import * as Layout from './components/Layout' @@ -15,7 +16,9 @@ export function SetNewPasswordScreenInner() { - + + + diff --git a/src/screens/Authentication/SignInScreen.tsx b/src/screens/Authentication/SignInScreen.tsx index c7af02e73f..7afc3cf2a6 100644 --- a/src/screens/Authentication/SignInScreen.tsx +++ b/src/screens/Authentication/SignInScreen.tsx @@ -10,6 +10,7 @@ import { import {logger} from '#/logger' import {useServiceQuery} from '#/state/queries/service' import {type SessionAccount} from '#/state/session' +import {Logo} from '#/view/icons/Logo' import {atoms as a, useTheme} from '#/alf' import {Text} from '#/components/Typography' import * as Layout from './components/Layout' @@ -90,10 +91,12 @@ export function SignInScreenInner({ - + + + - + Log in - + + + diff --git a/src/screens/Authentication/SignUpHandleScreen.tsx b/src/screens/Authentication/SignUpHandleScreen.tsx index d9aaea0557..54fb01b586 100644 --- a/src/screens/Authentication/SignUpHandleScreen.tsx +++ b/src/screens/Authentication/SignUpHandleScreen.tsx @@ -2,6 +2,7 @@ import { type AuthNavigatorParams, type NativeStackScreenProps, } from '#/lib/routes/types' +import {Logo} from '#/view/icons/Logo' import {Text} from '#/components/Typography' import * as Layout from './components/Layout' @@ -15,7 +16,9 @@ export function SignUpHandleScreenInner() { - + + + diff --git a/src/screens/Authentication/SignUpInfoScreen.tsx b/src/screens/Authentication/SignUpInfoScreen.tsx index 6982e08a61..fc404b94f8 100644 --- a/src/screens/Authentication/SignUpInfoScreen.tsx +++ b/src/screens/Authentication/SignUpInfoScreen.tsx @@ -2,6 +2,7 @@ import { type AuthNavigatorParams, type NativeStackScreenProps, } from '#/lib/routes/types' +import {Logo} from '#/view/icons/Logo' import {Text} from '#/components/Typography' import * as Layout from './components/Layout' @@ -15,7 +16,9 @@ export function SignUpInfoScreenInner() { - + + + diff --git a/src/screens/Authentication/components/SignInForm.tsx b/src/screens/Authentication/components/SignInForm.tsx index 2ac6a86a01..8f7c204a70 100644 --- a/src/screens/Authentication/components/SignInForm.tsx +++ b/src/screens/Authentication/components/SignInForm.tsx @@ -172,80 +172,87 @@ export function SignInForm({ } return ( - + - Account + Username or email address - - - - { - identifierValueRef.current = v - }} - onSubmitEditing={() => { - passwordRef.current?.focus() - }} - blurOnSubmit={false} // prevents flickering due to onSubmitEditing going to next field - editable={!isProcessing} - accessibilityHint={_( - msg`Enter the username or email address you used when you created your account`, - )} - /> - - - - - { - passwordValueRef.current = v - }} - onSubmitEditing={onPressNext} - blurOnSubmit={false} // HACK: https://github.com/facebook/react-native/issues/21911#issuecomment-558343069 Keyboard blur behavior is now handled in onSubmitEditing - editable={!isProcessing} - accessibilityHint={_(msg`Enter your password`)} - /> - - - + + + { + identifierValueRef.current = v + }} + onSubmitEditing={() => { + passwordRef.current?.focus() + }} + blurOnSubmit={false} // prevents flickering due to onSubmitEditing going to next field + editable={!isProcessing} + accessibilityHint={_( + msg`Enter the username or email address you used when you created your account`, + )} + /> + + + + + Password + + + + { + passwordValueRef.current = v + }} + onSubmitEditing={onPressNext} + blurOnSubmit={false} // HACK: https://github.com/facebook/react-native/issues/21911#issuecomment-558343069 Keyboard blur behavior is now handled in onSubmitEditing + editable={!isProcessing} + accessibilityHint={_(msg`Enter your password`)} + /> + + + + {isAuthFactorTokenNeeded && (