Upload files to ''

LoginScreen.js

@@ -0,0 +1,38 @@
+import React, { Component } from "react";
+import { TextInput, TouchableWithoutFeedback, Keyboard, ImageBackground, Image } from "react-native";
+import firebase from "firebase";
+
+import { styles } from "../config/styles";
+import CustomButton from "../components/CustomButton";
+
+
+export default class LoginScreen extends Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            email: '',
+            password: '',
+        };
+        this.onLogin = this.onLogin.bind(this)
+    };
+
+    onLogin() {
+        const { email, password } = this.state;
+        firebase.auth().signInWithEmailAndPassword(email, password).then((result) => {console.log(result)}).catch((error) => {console.log(error)})
+    }
+
+    render() {
+        
+        return (
+            <TouchableWithoutFeedback style={styles.stdcontainer} onPress={Keyboard.dismiss} accessible={false}>
+                <ImageBackground style={styles.stdcontainer} source={require('../assets/yellow-white.jpg')}>
+                    <Image style={styles.logo} resizeMode="contain" source={require("../assets/open-hand.png")}/>
+                    <TextInput style={styles.regtxtfield} placeholder="Email" onChangeText={(email) => this.setState({ email })}/>
+                    <TextInput style={styles.regtxtfield} placeholder="Password" onChangeText={(password) => this.setState({ password })} secureTextEntry={ true }/>
+                    <CustomButton marginTop={70} title="Login" onPress={() => this.onLogin()}/>
+                    <CustomButton marginTop={25} title="Register" onPress={() => this.props.navigation.navigate('Register')}/>
+                </ImageBackground>
+            </TouchableWithoutFeedback>
+        );
+    }
+}

RegisterScreen.js

@@ -0,0 +1,56 @@
+import React, { Component } from "react";
+import { TextInput, TouchableWithoutFeedback, Keyboard, ImageBackground, Text, View } from "react-native";
+import firebase from "firebase";
+import { Picker } from "@react-native-picker/picker";
+
+import { styles } from "../config/styles";
+import CustomButton from "../components/CustomButton";
+
+export default class RegisterScreen extends Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            username: '',
+            email: '',
+            password: '',
+            interpreter: false,
+        };
+        this.onRegister = this.onRegister.bind(this)
+    };
+
+    onRegister() {
+        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)
+            })
+            .catch((error) => {
+                console.log(error)
+            })
+    }
+
+    render() {
+        return (
+            <TouchableWithoutFeedback style={styles.regcontainer} onPress={Keyboard.dismiss} accessible={false}>
+                <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 }/>
+                    <Text style={styles.qsttxt}>Are you an interpreter?</Text>
+                    <Picker style={styles.picker} selectedValue={this.state.interpreter} onValueChange={(itemValue,itemIndex) => this.setState({interpreter: itemValue})}>
+                        <Picker.Item label="Yes" value={true}/>
+                        <Picker.Item label="No" value={false}/>
+                    </Picker>
+                    <CustomButton  marginTop={50} title="Register" onPress={() => this.onRegister()}/>
+                </ImageBackground>
+            </TouchableWithoutFeedback>
+        );
+    }
+}