Merge pull request #12 from sfusurge/database

Merge some fixes to text inputs in the signup age

Author: joshpeng1999

components/SignUp.js

@@ -1,15 +1,26 @@
-import React, { Component } from 'react';
+import React, { Component, useState } from 'react';
 import { KeyboardAvoidingView, Image, StyleSheet, View, TextInput, TouchableOpacity, Text, Navigitor} from 'react-native';
 import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view'
 import { Actions } from 'react-native-router-flux';
 
 export default function SignUp({navigation}){
-    var emailInput = "" 
-    var passwordInput = ""
-    var addressInput = ""
-    var numberInput = ""
-    var passwordInput = ""
-    var confirmPasswordInput = ""
+
+    const [name, setName] = useState()
+    const [email, setEmail] = useState()
+    const [address, setAddress] = useState()
+    const [phonenumber, setPhonenumber] = useState()
+    const [password, setPassword] = useState()
+    const [confirmPassword, setConfirmPassword] = useState()
+
+    const createUser = () => {
+        // Firebase stuff!
+        console.log(name)
+        console.log(email)
+        console.log(address)
+        console.log(phonenumber)
+        console.log(password)
+        console.log(confirmPassword)
+    }
 
     return (
         <KeyboardAwareScrollView
@@ -31,8 +42,9 @@ export default function SignUp({navigation}){
                         <TextInput
                             placeholder = "Name of Organization"
                             returnKeyType = "next"
-                            onSubmitEditing = {()=> emailInput.focus()}
+                            onSubmitEditing = {()=> {secondTextInput.focus();}}
                             keyboardType = "email-address"
+                            onChangeText = {text => setName(text)}
                             style = {styles.input}
                             autoCapitalize = "none"
                             autoCorrect = {false}
@@ -42,8 +54,9 @@ export default function SignUp({navigation}){
                         <TextInput
                             placeholder = "E-mail"
                             returnKeyType = "next"
-                            onSubmitEditing = {()=> numberInput.focus()}
-                            ref={((input) => emailInput = input)}
+                            ref={(input) => {secondTextInput = input;}}
+                            onSubmitEditing = {()=> thirdTextInput.focus()}
+                            onChangeText = {text => setEmail(text)}
                             keyboardType = "email-address"
                             style = {styles.input}
                             autoCapitalize = "none"
@@ -54,8 +67,9 @@ export default function SignUp({navigation}){
                         <TextInput
                             placeholder = "Phone number"
                             returnKeyType = "next"
-                            onSubmitEditing = {()=> addressInput.focus()}
-                            ref={((input) => numberInput = input)}
+                            ref={(input) => {thirdTextInput = input;}}
+                            onSubmitEditing = {()=> fourthTextInput.focus()}
+                            onChangeText = {text => setPhonenumber(text)}
                             keyboardType = "email-address"
                             style = {styles.input}
                             autoCapitalize = "none"
@@ -65,8 +79,9 @@ export default function SignUp({navigation}){
                         <TextInput
                             placeholder = "Address"
                             returnKeyType = "next"
-                            onSubmitEditing = {()=> passwordInput.focus()}
-                            ref={((input) => addressInput = input)}
+                            ref={(input) => {fourthTextInput = input;}}
+                            onSubmitEditing = {()=> fifthTextInput.focus()}
+                            onChangeText = {text => setAddress(text)}
                             keyboardType = "email-address"
                             style = {styles.input}
                             autoCapitalize = "none"
@@ -76,23 +91,24 @@ export default function SignUp({navigation}){
                     <TextInput
                         placeholder = "Password"
                         returnKeyType = "next"
+                        ref={(input) => {fifthTextInput = input;}}
                         secureTextEntry
-                        onSubmitEditing = {()=> confirmPasswordInput.focus()}
-                        ref={((input) => passwordInput = input)}
+                        onSubmitEditing = {()=> sixthTextInput.focus()}
+                        onChangeText = {text => setPassword(text)}
                         style = {styles.input}
 
-                        
                     /> 
 
                     <TextInput
                         placeholder = "Confirm Password"
                         returnKeyType = "go"
+                        ref={(input) => {sixthTextInput = input;}}
                         secureTextEntry
                         style = {styles.input}
-                        ref={((input) => confirmPasswordInput = input)}
+                        onChangeText = {text => setConfirmPassword(text)}
                     />   
 
-                    <TouchableOpacity style = {styles.buttonContainer} onPress={()=> {navigation.navigate('Onboard')}}>
+                    <TouchableOpacity style = {styles.buttonContainer} onPress={()=> {createUser()}}>
                         <Text style = {styles.buttonText}>Sign Up</Text>
                     </TouchableOpacity>
 

package-lock.json

@@ -19,6 +19,7 @@
     "react": "~16.9.0",
     "react-dom": "~16.9.0",
     "react-native": "https://github.com/expo/react-native/archive/sdk-36.0.0.tar.gz",
+    "react-native-firebase": "^5.6.0",
     "react-native-gesture-handler": "~1.5.0",
     "react-native-keyboard-aware-scroll-view": "^0.9.1",
     "react-native-maps": "0.26.1",