Made registration start after Get Started button

2 files changed, 11 insertions, 6 deletions

diff --git a/src/components/common/LoginInput.tsx b/src/components/common/LoginInput.tsx
index 43c31e2b..c82682d7 100644
--- a/src/components/common/LoginInput.tsx
+++ b/src/components/common/LoginInput.tsx
@@ -54,7 +54,7 @@ const LoginInput = (props: LoginInputProps) => {
         secureTextEntry={
           props.isUsername ? false : props.isPassword ? true : false
         }
-        //   focus={props.isUsername ? undefined : props.focusPasswordInput}
+        // ref={props.ref}
       />
       {!props.isValid && (
         <Text style={styles.invalidCredentials}>{props.validationWarning}</Text>
@@ -88,7 +88,7 @@ interface LoginInputProps {
   isPassword?: boolean;
   onChangeText: (input: string) => void;
   onSubmitEditing?: () => void;
-  //   ref: PropTypes.any,
+  // ref?: string;
   focusPasswordInput?: boolean;
   isValid?: boolean;
   validationWarning?: string;
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>