-
Notifications
You must be signed in to change notification settings - Fork 2
/
App.js
92 lines (86 loc) · 2.64 KB
/
App.js
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
83
84
85
86
87
88
89
90
91
92
import 'react-native-gesture-handler';
import React , { useEffect, useState } from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import { StyleSheet, Text, View, Button } from 'react-native';
import Feed from './src/scenes/Feed';
import Login from './src/scenes/Login';
import Signin from './src/scenes/Signin';
import ChatRooms from './src/scenes/ChatRooms';
import Welcome from './src/scenes/Welcome';
import Form from './src/scenes/Form';
import SelectClasses from './src/scenes/SelectClasses';
import Profile from './src/scenes/Profile';
import { firebase } from './src/firebase/config';
import { DefaultTheme, DarkTheme } from '@react-navigation/native';
/*
Paleta de colores
Lila #EEB5EB
Orchid #C26DBC
Turquoise #C8F4F9
Blue green #3CACAE
*/
const Stack = createStackNavigator();
let loading = false;
export default function App() {
const [showMe, setShow] = useState(true);
const [userDB, setUser] = useState('')
const setLoading = (load) => {
loading = load
}
if (loading) {
return (
<></>
)
}
useEffect(() => {
const usersRef = firebase.firestore().collection('users');
firebase.auth().onAuthStateChanged(user => {
if (user) {
usersRef
.doc(user.uid)
.get()
.then((document) => {
const userData = document.data()
setLoading(false)
setUser(userData)
setShow(false)
})
.catch((error) => {
setLoading(false)
});
} else {
setLoading(false)
}
});
}, []);
return (
<NavigationContainer>
<Stack.Navigator
headerMode="none"
screenOptions={{
// headerStyle: { elevation: 0 },
cardStyle: { backgroundColor: '#fff' }
}}>
{showMe ? <Stack.Screen name="Welcome" component={Welcome} /> : <Stack.Screen name="Welcome" component={Welcome} />}
<Stack.Screen name="Feed" component={Feed}/>
<Stack.Screen name="Login" component={Login} />
<Stack.Screen name="Signin" component={Signin} />
<Stack.Screen name="ChatRooms" component={ChatRooms} />
<Stack.Screen name="Profile">
{props => <Profile {...props} user={userDB} />}
</Stack.Screen>
<Stack.Screen name="Form" component={Form} />
<Stack.Screen name="SelectClasses" component={SelectClasses} />
</Stack.Navigator>
</NavigationContainer>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'center',
},
});