-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
100 lines (83 loc) · 2.93 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
93
94
95
96
97
98
99
100
import React, { useState, createContext, useContext, useEffect } from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import { View, ActivityIndicator } from 'react-native';
import { initializeAuth, onAuthStateChanged, getReactNativePersistence } from 'firebase/auth';
import * as WebBrowser from 'expo-web-browser';
import ReactNativeAsyncStorage from '@react-native-async-storage/async-storage';
import { auth } from './firebaseConfig';
import Login from './src/views/Login.jsx';
import Register from './src/views/Register.jsx';
import Chat from './src/views/Chat.jsx';
import Home from './src/views/Home.jsx';
import LocationsPUCSJ from './src/views/ImagesToPDF.jsx';
import { MyAccount } from './src/views/MyAccount.jsx';
import { Estimates } from './src/views/Estimates.jsx';
import { setUser } from './src/store/slices/AccountSlice.jsx'
import { useDispatch, useSelector } from 'react-redux';
const Stack = createStackNavigator();
export const UserContext = createContext({});
// WebBrowser.maybeCompleteAuthSession();
// export const auth = initializeAuth(app, {
// persistence: getReactNativePersistence(ReactNativeAsyncStorage)
// });
const UserProvider = ({ children }) => {
const [user, setUser] = useState(null);
return (
<UserContext.Provider value={{ user, setUser }}>
{children}
</UserContext.Provider>
);
};
function ChatStack() {
return (
<Stack.Navigator defaultScreenOptions={Home}>
<Stack.Screen name='Home' component={Home} />
<Stack.Screen name='Chat' component={Chat} />
<Stack.Screen name='My Account' component={MyAccount} />
{/* <Stack.Screen name='PDF' component={ImagesToPDF} /> */}
<Stack.Screen name='LocationsPUCSJ' component={LocationsPUCSJ} />
</Stack.Navigator>
);
}
function AuthStack() {
return (
<Stack.Navigator screenOptions={{ headerShown: false }}>
<Stack.Screen name='Login' component={Login} />
<Stack.Screen name='Register' component={Register} />
</Stack.Navigator>
);
}
function RootNavigator() {
const { user, setUser } = useContext(UserContext);
const [isLoading, setIsLoading] = useState(true);
// const dispatch = useDispatch();
useEffect(() => {
const unsubscribeAuth = onAuthStateChanged(auth, async authenticatedUser => {
authenticatedUser ? setUser(authenticatedUser) : setUser(null);
setIsLoading(false);
});
// useDispatch(setUser(user));
return unsubscribeAuth;
}, [user]);
if (isLoading) {
return (
<View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
<ActivityIndicator size='large' />
</View>
);
}
return (
<NavigationContainer>
{/* <DrawerGroup /> */}
{user ? <ChatStack /> : <AuthStack />}
</NavigationContainer>
);
}
export default function App() {
return (
<UserProvider>
<RootNavigator />
</UserProvider>
);
}