diff --git a/src/screens/Login/LoginForm.tsx b/src/screens/Login/LoginForm.tsx index 6a48b1bcc7..2cd6abdd1c 100644 --- a/src/screens/Login/LoginForm.tsx +++ b/src/screens/Login/LoginForm.tsx @@ -60,6 +60,8 @@ export const LoginForm = ({ const [isProcessing, setIsProcessing] = useState(false) const [isAuthFactorTokenNeeded, setIsAuthFactorTokenNeeded] = useState(false) + const [isAuthFactorTokenValueEmpty, setIsAuthFactorTokenValueEmpty] = + useState(true) const identifierValueRef = useRef(initialHandle || '') const passwordValueRef = useRef('') const authFactorTokenValueRef = useRef('') @@ -262,6 +264,7 @@ export const LoginForm = ({ textContentType="username" blurOnSubmit={false} // prevents flickering due to onSubmitEditing going to next field onChangeText={v => { + setIsAuthFactorTokenValueEmpty(v === '') authFactorTokenValueRef.current = v }} onSubmitEditing={onPressNext} @@ -269,6 +272,13 @@ export const LoginForm = ({ accessibilityHint={_( msg`Input the code which has been emailed to you`, )} + style={[ + { + textTransform: isAuthFactorTokenValueEmpty + ? 'none' + : 'uppercase', + }, + ]} />