chore: adding default loader page

Author: fguitton

src/App.tsx

@@ -7,6 +7,7 @@ import { StatusBar } from 'react-native';
 import { Route, Switch } from 'react-router-native';
 import StorybookUI from '../storybook';
 import { Providers } from './Providers';
+import Loader from './components/Loader';
 import Welcome from './components/Welcome';
 import Bluetooth from './components/Bluetooth';
 import Exposure from './components/Exposure';
@@ -15,13 +16,14 @@ import Scanning from './components/Scanning';
 const App: React.FC = () => {
     return (
         <Providers>
-            <StatusBar barStyle="dark-content" backgroundColor="white" animated={true} />
+            <StatusBar barStyle="dark-content" backgroundColor="transparent" animated={true} />
             {__DEV__ ? <Route path="/storybook" component={StorybookUI} /> : undefined}
             <Switch>
                 <Route path="/bluetooth" component={Bluetooth} />
                 <Route path="/exposure" component={Exposure} />
                 <Route path="/scanning" component={Scanning} />
-                <Route path="/" component={Welcome} />
+                <Route path="/welcome" component={Welcome} />
+                <Route path="/" component={Loader} />
             </Switch>
         </Providers>
     );

src/components/Loader.tsx

@@ -0,0 +1,37 @@
+import React from 'react';
+import { Text, View } from 'react-native';
+import layout from './Layout.less';
+import { useHistory } from 'react-router-native';
+import SparklesIcon from '../assets/sparkle.svg';
+
+export const Loader: React.FC = () => {
+
+    const history = useHistory();
+
+    const handleConsent = (): void => {
+        history.push('/bluetooth');
+    };
+
+    return (
+        <View className={layout.background}>
+            <View className={layout.padder}>
+                <SparklesIcon className={layout.icon} />
+                <Text className={layout.title}>{'\n'}...</Text>
+            </View>
+            <View className={layout.padder}>
+                <Text className={layout.description}>
+                    Getting Ready...
+                </Text>
+            </View>
+            <View className={layout.padder}>
+                <Text className={layout.testbullet}>
+                    {'\n'}
+                    {'\n'}
+                </Text>
+                <Text onPress={handleConsent} className={layout.button}>I consent</Text>
+            </View>
+        </View>
+    );
+};
+
+export default Loader;