support for two user types

redux/actions/index.js

@@ -1,19 +1,30 @@
-import { USER_STATE_CHANGE } from '../constants/index'
-import firebase from 'firebase'
+import firebase from "firebase";
 
-export function fetchUser(){
-    return((dispatch) => {
+import { USER_STATE_CHANGE } from "../constants";
+
+export function fetchUser() {
+    return ((dispatch) => {
         firebase.firestore()
-        .collection("Users")
-        .doc(firebase.auth().currentUser.uid)
-        .get()
-        .then((snapshot) => {
-            if(snapshot.exists){
-                dispatch({type : USER_STATE_CHANGE, currentUser : snapshot.data()})
-            }
-            else{
-                console.log('Does not exist')
-            }
-        })
+            .collection("Users")
+            .doc(firebase.auth().currentUser.uid)
+            .get()
+            .then((snapshot) => {
+                if(snapshot.exists){
+                    dispatch({type: USER_STATE_CHANGE, currentUser: snapshot.data()})
+                }
+                else{
+                    firebase.firestore().collection("Interpreters")
+                    .doc(firebase.auth().currentUser.uid)
+                    .get()
+                    .then((snapshot) => {
+                        if(snapshot.exists){
+                            dispatch({type: USER_STATE_CHANGE, currentUser: snapshot.data()})
+                        }
+                        else{
+                            console.log("DOES NOT EXIST")
+                        }
+                    })
+                }
+            })
     })
 }

screens/auth/RegisterScreen.js

@@ -1,10 +1,10 @@
 import React, { Component } from "react";
-import { TextInput, TouchableWithoutFeedback, Keyboard, ImageBackground, Text, View } from "react-native";
+import { TextInput, TouchableWithoutFeedback, Keyboard, ImageBackground, Text } from "react-native";
 import firebase from "firebase";
 import { Picker } from "@react-native-picker/picker";
 
-import { styles } from "../../config/styles";
-import CustomButton from "../../components/CustomButton";
+import { styles } from "../config/styles";
+import CustomButton from "../components/CustomButton";
 
 export default class RegisterScreen extends Component {
     constructor(props) {
@@ -22,14 +22,26 @@ export default class RegisterScreen extends Component {
         const { username, email, password, interpreter } = this.state;
         firebase.auth().createUserWithEmailAndPassword(email, password)
             .then((result) => {
-                firebase.firestore().collection("Users")
-                    .doc(firebase.auth().currentUser.uid)
-                    .set({
-                        username,
-                        email,
-                        interpreter,
-                    })
-                console.log(result)
+                if (interpreter) {
+                    firebase.firestore().collection("Interpreters")
+                        .doc(firebase.auth().currentUser.uid)
+                        .set({
+                            username,
+                            email,
+                            interpreter,
+                        })
+                    console.log(result)  
+                } 
+                else {
+                    firebase.firestore().collection("Users")
+                        .doc(firebase.auth().currentUser.uid)
+                        .set({
+                            username,
+                            email,
+                            interpreter,
+                        })
+                    console.log(result)  
+                }
             })
             .catch((error) => {
                 console.log(error)
@@ -39,7 +51,7 @@ export default class RegisterScreen extends Component {
     render() {
         return (
             <TouchableWithoutFeedback style={styles.regcontainer} onPress={Keyboard.dismiss} accessible={false}>
-                <ImageBackground style={styles.regcontainer} source={require('../../assets/yellow-white.jpg')}>
+                <ImageBackground style={styles.regcontainer} source={require('../assets/yellow-white.jpg')}>
                     <TextInput style={styles.regtxtfield} placeholder="Userame" onChangeText={(username) => this.setState({ username })}/>
                     <TextInput style={styles.regtxtfield} placeholder="Email" onChangeText={(email) => this.setState({ email })}/>
                     <TextInput style={styles.regtxtfield} placeholder="Password" onChangeText={(password) => this.setState({ password })} secureTextEntry={ true }/>