Update 'App.js'

Updated App.js

App.js

@@ -1,44 +1,72 @@
-import { StatusBar } from 'expo-status-bar';
-import React from 'react';
-import { StyleSheet, Text, View } from 'react-native';
-
-
-export default function App() {
-  return (
-    <View style={styles.container}>
-      <Text>"Hello"</Text>
-      <StatusBar style="auto" />
-    </View>
-  );
+import React, { Component } from 'react';
+import firebase from 'firebase'
+import { NavigationContainer } from '@react-navigation/native';
+import { createStackNavigator } from '@react-navigation/stack';
+
+import RegisterScreen from './screens/RegisterScreen';
+import LoginScreen from './screens/LoginScreen';
+import { firebaseConfig } from './config/firebaseConfig';
+import { Text, View } from 'react-native';
+import { styles } from './config/styles';
+
+if (firebase.apps.length === 0) {
+  firebase.initializeApp(firebaseConfig)
 }
 
+const Stack = createStackNavigator();
 
-// Import the functions you need from the SDKs you need
-// import { initializeApp } from "firebase/app";
-// TODO: Add SDKs for Firebase products that you want to use
-// https://firebase.google.com/docs/web/setup#available-libraries
+export default class App extends Component {
+  constructor(props){
+    super(props);
+    this.state = {
+      loaded: false,
+    }
+  }
+  
+  componentDidMount(){
+    firebase.auth().onAuthStateChanged((user) => {
+      if (!user){
+        this.setState({
+          loggedIn: false,
+          loaded: true,
+        })
+      }
+      else{
+        this.setState({
+          loggedIn: true,
+          loaded: true,
+        })
+      }
+    })
+  }
 
-import firebase from "firebase";
+  render() {
 
-// Your web app's Firebase configuration
-const firebaseConfig = {
-  apiKey: "AIzaSyDW-ABAQ3r_WR7C7WC_3VprL77NcAoitJI",
-  authDomain: "freehand-d8ecd.firebaseapp.com",
-  projectId: "freehand-d8ecd",
-  storageBucket: "freehand-d8ecd.appspot.com",
-  messagingSenderId: "48371388186",
-  appId: "1:48371388186:web:9a5a4bf1218e17ac6326a3"
-};
+    const { loggedIn, loaded } = this.state
 
-// Initialize Firebase
-const app = firebase.initializeApp(firebaseConfig);
+    if(!loaded){
+      return(
+        <View style={styles.regcontainer}>
+          <Text>Hopper</Text>
+        </View>
+      );
+    }
 
+    if(!loggedIn){
+      return (
+        <NavigationContainer>
+          <Stack.Navigator>
+            <Stack.Screen name={" "} options={{headerShown: false}} component={LoginScreen}/>
+            <Stack.Screen name={"Register"} options={{headerTransparent: true, headerTitle: " "}} component={RegisterScreen}/>
+          </Stack.Navigator>
+        </NavigationContainer>
+      );
+    }
 
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: '#fff',
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-});
+    return(
+      <View style={styles.regcontainer}>
+        <Text>Cheese</Text>
+      </View>
+    );
+  }
+}