companion_app/client/App.js

// import { StatusBar } from 'expo-status-bar';
// import React, {useState} from 'react';
// import { StyleSheet, Text, View } from 'react-native';
// import * as Google from "expo-google-app-auth";
// import {SocialIcon, socialIcon} from 'react-native-elements'
// import {createDrawerNavigator} from '@react-navigation/drawer'
// import { NavigationContainer } from '@react-navigation/native';
// import * as SecureStore from 'expo-secure-store';

// import HomeScreen from './Screens/HomeScreen'
// import NotificationsScreen from './Screens/NotificationScreen'
// import SettingScreen from './Screens/SettingScreen'
// import AddTakenCourse from './Screens/AddTakenCourse'
// import MyCurriculum from './Screens/MyCurriculum'
// import EnrollNextSemester from './Screens/EnrollNextSemester'


// const Drawer = createDrawerNavigator()

// const IOS_CLIENT_ID =
//   "116415331974-tf6sehooctplmmn7j0gt831mdf1oqipl.apps.googleusercontent.com";

// export default function App() {
//   const [hasToken, setHasToken] = useState(false)
  
//   const signInWithGoogle = async ()=>{
//     try {
//       const result = await Google.logInAsync({
//         iosClientId: IOS_CLIENT_ID,
//         scopes: ["profile", "email"]
//       })

//       if (result.type == "success"){
//         console.log(result.accessToken)

//         try {
//           // login user in backend
//           let response = await fetch('http://5ce95b6ddcbd.ngrok.io/rest-auth/google/', {
//             method: 'POST',
//             headers: {
//               'content-type': 'application/json'
//             }, 
//             body: JSON.stringify({
//               access_token: `${result.accessToken}`
//             })
//           })

//           // storing our token
//           let responseJson = await response.json()
//           if (responseJson){
//             if (responseJson.key){
//               await SecureStore.setItemAsync('token', responseJson.key)
//             }
//           }

//           const token = await SecureStore.getItemAsync('token')

//           // storing our id
//           let id = await fetch('http://5ce95b6ddcbd.ngrok.io/api/get_user_id', {
//             method: 'GET',
//             headers: {
//               'content-type': 'application/json',
//               Authorization: `Token ${token}`
//             }
//           })
//           let idJson = await id.json()
//           if (idJson){
//             if(idJson.user_id){
//               idJson = idJson.user_id
//               let id = idJson.toString()
//               await SecureStore.setItemAsync('id', id)
//             }
//           }

//         } catch(error){
//           console.log(error)
//         }

//         setHasToken(true) // update states and redirect
//       }

//       else {
//         console.log("no")
//       }
//     } catch(error){
//       console.log(error)
//     }
//   }
//   if (!hasToken){
//     return (
//       <View style={styles.container}>
//         <SocialIcon title="Login With Google" button={true} type={"google"} onPress={signInWithGoogle}/>
//       </View>
//     );
//   }

//   return (
//     <NavigationContainer>
//         <Drawer.Navigator initialRouteName="Home">
//           <Drawer.Screen name="Home" component={HomeScreen}/>
//           <Drawer.Screen name="Notifications" component={NotificationsScreen} />
//           <Drawer.Screen name="Settings" component={SettingScreen} />
//           <Drawer.Screen name="Add Taken Courses" component={AddTakenCourse} />
//           <Drawer.Screen name="My Curriculum" component={MyCurriculum} />
//           <Drawer.Screen name="Enroll Next Semester" component={EnrollNextSemester} />

//         </Drawer.Navigator>
//     </NavigationContainer>
//   )
  
// }

// const styles = StyleSheet.create({
//   container: {
//     flex: 1,
//     backgroundColor: '#fff',
//     alignItems: 'center',
//     justifyContent: 'center',
//   },
// });
import { StatusBar } from 'expo-status-bar';
import React, {useState} from 'react';
import { StyleSheet, Text, View } from 'react-native';
import * as Google from "expo-google-app-auth";
import {SocialIcon, socialIcon} from 'react-native-elements'
import {createDrawerNavigator} from '@react-navigation/drawer'
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import * as SecureStore from 'expo-secure-store';

import Login from './Screens/Login'
import Logout from './Screens/Logout'
import HomeScreen from './Screens/HomeScreen';




export default function App() {
  const Stack = createStackNavigator();
  return (
   <NavigationContainer>
      <Stack.Navigator
        screenOptions={{headerShown: false}}
        initialRouteName = "Login"
    >
        <Stack.Screen name = "Login" component={Login}/>
        <Stack.Screen name = "Logout" component={Logout}/>
     </Stack.Navigator>
   </NavigationContainer>
  )
  
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});