All files / atlas 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
 
 
 
 
 
 
 
 
 
 
 
 
1x
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1x
 
 
 
import 'react-native-gesture-handler';
import React, { useState } from 'react';
import { LogBox } from 'react-native';
import Atlas from './src/components/Atlas';
import { SafeAreaProvider } from 'react-native-safe-area-context';
import { Asset } from 'expo-asset';
import AppLoading from 'expo-app-loading';
 
/**
 * The root app component.
 * @component
 */
const App: React.FC = () => {
  LogBox.ignoreAllLogs();
  // const [loading, setLoading] = useState(false);
  // const _cacheResourcesAsync = async () => {
  //   const images = [
  //     require('./assets/logo-white.png'),
  //     require('./assets/cover-dark.png'),
  //     require('./assets/cover.jpg'),
  //     require('./assets/default-pfp.png'),
  //     require('./assets/pothole.png'),
  //     require('./assets/roadblock.png'),
  //     require('./assets/barrier.png'),
  //     require('./assets/bump.png'),
  //     require('./assets/information.png'),
  //     require('./assets/washroom.png'),
  //     require('./assets/park.png'),
  //   ];
 
  //   const cacheImages = images.map(image => {
  //     return Asset.fromModule(image).downloadAsync();
  //   }); 
 
  //   return Promise.all(cacheImages);
  // }
 
  // if (loading) {
  //   return (
  //     <AppLoading
  //       // startAsync={_cacheResourcesAsync}
  //       onFinish={() => setLoading(false)}
  //       onError={console.warn}
  //     />
  //   ); 
  // }
 
  return <Atlas/>
}
 
export default App;