/
App.js
63 lines (54 loc) · 1.61 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
import 'react-native-gesture-handler';
import React, { useEffect, useState } from 'react';
import { AppContextProvider, AppContext } from './AppContext';
import Compass from './Compass';
import PlanetsScreen from './PlanetsScreen';
import SplashScreen from 'react-native-splash-screen';
import Navigation from './Navigation';
import ErrorModal from './ErrorModal';
import LanguageScreen from './LanguageScreen';
const App: () => React$Node = () => {
const [actualScreen, setActualScreen] = useState('');
const [hasError, setHasError] = useState('');
const [translationWindowOpened, setTranslationWindowOpened] = useState(true);
useEffect(() => {
SplashScreen.hide();
}, []);
/**
* A simple screen manager
*/
const screensManager = () => {
if (actualScreen === 'planets') {
return <PlanetsScreen />;
}
else if (actualScreen === 'compass') {
return <Compass />
}
}
/**
* Method that will display an error message to the user's screen if has error is not empty
*/
const errorModalManager = () => {
if (hasError != '') {
return <ErrorModal message={hasError}/>
}
}
return (
<AppContextProvider>
<AppContext.Consumer>
{
value => {
setActualScreen(value.actualScreen);
setHasError(value.hasError);
setTranslationWindowOpened(value.translationWindowOpened);
}
}
</AppContext.Consumer>
{screensManager()}
<Navigation />
{errorModalManager()}
{translationWindowOpened ? <LanguageScreen/> : null}
</AppContextProvider>
);
};
export default App;