-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
69 lines (60 loc) · 1.69 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
import React from "react";
import ApolloClient from "apollo-boost";
import Router from "./src/Router.js";
import { Font } from "expo";
import { ApolloProvider } from "react-apollo";
import { Text, SafeAreaView, StyleSheet, AsyncStorage } from "react-native";
// defined again in constants.js
const TOKEN_KEY = "@CoolBeansApp:userAuthToken";
class Loader extends React.Component {
render() {
return <Text>Loading...</Text>;
}
}
export default class AppContainer extends React.Component {
constructor(props) {
super(props);
this.state = {
fontLoaded: false,
};
}
async componentDidMount() {
this.client = new ApolloClient({
uri:
process.env.NODE_ENV === "development"
? "http://localhost:3000/graphql"
: "https://plcczn4vic.execute-api.us-west-1.amazonaws.com/latest/graphql",
request: async operation => {
const token = await AsyncStorage.getItem(TOKEN_KEY);
operation.setContext({
headers: {
authorization: token ? `Bearer ${token}` : "",
},
});
},
});
await Font.loadAsync({
"avenir-next-regular": require("./src/assets/fonts/AvenirNextLTPro-Regular.otf"),
"avenir-next-bold": require("./src/assets/fonts/AvenirNextLTPro-Bold.otf"),
});
this.setState({ fontLoaded: true });
}
render() {
if (this.state.fontLoaded) {
return (
<ApolloProvider client={this.client}>
<SafeAreaView style={styles.SafeArea}>
<Router />
</SafeAreaView>
</ApolloProvider>
);
}
return <Loader />;
}
}
const styles = StyleSheet.create({
SafeArea: {
flex: 1,
backgroundColor: "#fff",
},
});