diff options
Diffstat (limited to 'src/screens')
| -rw-r--r-- | src/screens/Login.tsx | 13 |
1 files changed, 9 insertions, 4 deletions
diff --git a/src/screens/Login.tsx b/src/screens/Login.tsx index c6f23c03..6384eff1 100644 --- a/src/screens/Login.tsx +++ b/src/screens/Login.tsx @@ -25,6 +25,7 @@ interface LoginProps { route: LoginScreenRouteProp; navigation: LoginScreenNavigationProp; } + const Login = ({navigation}: LoginProps) => { // const passwordInput = useRef(); const [data, setData] = React.useState({ @@ -85,7 +86,6 @@ const Login = ({navigation}: LoginProps) => { Alert.alert( `My favorite Girl Scout Cookies are taggalongs! What are yours ${data.username}?`, ); - navigation.navigate('Registration'); } }; @@ -98,8 +98,13 @@ const Login = ({navigation}: LoginProps) => { // focusPasswordInput: true, // }); Alert.alert('Coming soon 🚧'); + // refs.password_input.focus() }; + const handleRegistration = () => { + navigation.navigate('Registration'); + } + return ( <> <StatusBar barStyle="light-content" /> @@ -125,6 +130,7 @@ const Login = ({navigation}: LoginProps) => { onSubmitEditing={() => handleUsernameSubmit()} isValid={data.isValidUser} validationWarning={'Username must be at least 6 characters long.'} + // ref={'username_input'} /> <LoginInput type={data.password} @@ -134,6 +140,7 @@ const Login = ({navigation}: LoginProps) => { onSubmitEditing={() => handleLogin()} isValid={data.isValidPassword} validationWarning={'Password must be at least 8 characters long.'} + // ref={'password_input'} /> <TouchableOpacity accessibilityLabel="Forgot password button" @@ -159,9 +166,7 @@ const Login = ({navigation}: LoginProps) => { accessibilityLabel="Get started" accessibilityHint="Select this if you do not have a tagg account" style={styles.getStarted} - onPress={() => - Alert.alert('I get the tagg flip it and tumble it.') - }> + onPress={() => handleRegistration()}> Get started! </Text> </Text> |
