-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.tsx
92 lines (83 loc) · 2.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
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
/**
* Sample React Native App
* https://github.com/facebook/react-native
*
* Generated with the TypeScript template
* https://github.com/react-native-community/react-native-template-typescript
*
* @format
*/
import {NavigationContainer} from '@react-navigation/native';
import React, {useState, createContext, useEffect} from 'react';
// import {
// SafeAreaView,
// StyleSheet,
// ScrollView,
// View,
// Text,
// StatusBar,
// } from 'react-native';
// import {
// Header,
// LearnMoreLinks,
// Colors,
// DebugInstructions,
// ReloadInstructions,
// } from 'react-native/Libraries/NewAppScreen';
import Tabs from './src/navigations/tabs';
import {
ApolloClient,
InMemoryCache,
ApolloProvider,
useQuery,
useMutation,
gql,
ApolloLink,
} from '@apollo/client';
import {red100} from 'react-native-paper/lib/typescript/styles/colors';
import {createUploadLink} from 'apollo-upload-client';
import SplashScreen from 'react-native-splash-screen';
declare const global: {HermesInternal: null | {}};
export const GlobalContext = createContext({});
const App = () => {
useEffect(() => {
try {
setTimeout(() => {
SplashScreen.hide(); /** 추가 **/
}, 1000); /** 스플래시 시간 조절 (2초) **/
} catch (e) {
console.warn('에러발생');
console.warn(e);
}
});
const [accessToken, setAccessToken] = useState('');
// const clientnoheaders = new ApolloClient({
// uri: 'http://35.222.217.201:4000/graphql',
// cache: new InMemoryCache()
// });
const uploadLink = createUploadLink({
uri: 'http://35.222.217.201:4000/graphql',
headers: {
authorization: `Bearer ${accessToken}`,
},
credentials: 'include',
});
const client = new ApolloClient({
link: ApolloLink.from([uploadLink as unknown as ApolloLink]),
cache: new InMemoryCache(),
connectToDevTools: true,
});
// const client = accessToken === "" ? clientheaders : clientheaders
return (
<>
<GlobalContext.Provider value={{accessToken, setAccessToken}}>
<ApolloProvider client={client}>
<NavigationContainer>
<Tabs />
</NavigationContainer>
</ApolloProvider>
</GlobalContext.Provider>
</>
);
};
export default App;