-
Notifications
You must be signed in to change notification settings - Fork 1
/
App.tsx
82 lines (74 loc) · 2.75 KB
/
App.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
import 'react-native-gesture-handler';
import { StatusBar } from 'expo-status-bar';
import React, { useEffect, useState } from 'react';
import { SafeAreaProvider } from 'react-native-safe-area-context';
import { LogBox } from "react-native";
import { RecoilRoot } from "recoil"
import useCachedResources from './hooks/useCachedResources';
import useColorScheme from './hooks/useColorScheme';
import Navigation from './navigation';
import Amplify, { Auth, API, graphqlOperation } from 'aws-amplify'
import { getUser } from "./src/graphql/queries";
import { createUser } from "./src/graphql/mutations";
import config from './aws-exports'
import { RootSiblingParent } from 'react-native-root-siblings';
Amplify.configure(config)
import { withAuthenticator } from 'aws-amplify-react-native'
const App = () => {
const isLoadingComplete = useCachedResources();
const colorScheme = useColorScheme();
const [user, setUser] = useState(null)
LogBox.ignoreLogs(['Setting a timer', 'Non-serializable values were found in the navigation state']);
//run this snippet only when App is first mounted
useEffect(() => {
const fetchUser = (async() => {
//get authenticated user from Auth
const userInfo = await Auth.currentAuthenticatedUser()
if(userInfo){
//get user from Backend with the user ID from auth
const userData = await API.graphql(graphqlOperation(getUser, {
id: userInfo.attributes.sub
}))
const userDetails = userData.data.getUser
if(userDetails){
setUser({
id: userDetails.id,
name: userDetails.name,
imageUri: userDetails.imageUri,
status: userDetails.status,
vdoCats: userDetails.videoCats == undefined ? [] : userDetails.videoCats
})
console.log('User is already present in database')
return
}
//if there is no user with ID in db, then create one
const newUser = {
id: userInfo.attributes.sub,
name: userInfo.username.charAt(0).toUpperCase() + userInfo.username.slice(1),
imageUri: 'none',
status: 'Focusing',
videoCats: ['Games', 'Sports', 'Entertainment'] // allowing only educational YT videos by default
}
setUser(newUser)
await API.graphql(graphqlOperation(createUser, {
input: newUser
}))
}
})()
}, [])
if (!isLoadingComplete || !user) {
return null;
} else {
return (
<SafeAreaProvider>
<RootSiblingParent>
<RecoilRoot>
<Navigation colorScheme={colorScheme} userData={user}/>
</RecoilRoot>
<StatusBar style={'light'}/>
</RootSiblingParent>
</SafeAreaProvider>
);
}
}
export default withAuthenticator(App)