-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.tsx
52 lines (44 loc) · 1.24 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
import { StyleSheet, View } from 'react-native';
import { QueryClientProvider, QueryClient} from '@tanstack/react-query';
import AuthStack from './AuthStack';
import AuthPages from './screens/AuthPages';
import { AuthContext, AuthContextProvider } from './states/context/CredentialsContext';
import { useContext } from 'react';
import { SnackBarContext, SnackBarContextProvider } from './states/context/SnackBarContext';
import SnackBar from './components/SnackBar';
const Pages=()=>{
const {isAuthenticated}=useContext(AuthContext)
return(
<>
{isAuthenticated && <AuthStack/>}
{!isAuthenticated && <AuthPages/>}
</>
)
}
const queryClient = new QueryClient();
export default function App() {
return (
<QueryClientProvider client={queryClient}>
<SnackBarContextProvider>
<AuthContextProvider>
<Pages/>
<SnackBar/>
</AuthContextProvider>
</SnackBarContextProvider>
</QueryClientProvider>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'center',
},
overlay:{
alignItems:'center',
justifyContent:'center',
flex:1,
flexDirection:'column-reverse'
}
});