Merge pull request #30 from AreaLayer/develop

Develop

App.tsx

@@ -1,31 +1,21 @@
 import React from 'react';
+import {GluestackUIProvider} from '@gluestack-ui/themed';
+import {config} from './src/theme/config';
+
 import {NavigationContainer} from '@react-navigation/native';
-import {NativeBaseProvider} from 'native-base';
-import {StyleSheet, View} from 'react-native';
-import {theme} from './src/theme';
-import {Heading} from 'native-base';
+import OnBoardingNavigation from './src/navigation/OnBoarding';
+import {ConnectionProvider} from './src/providers/ConnectionProvider';
 
 function App(): React.JSX.Element {
   return (
-    <NavigationContainer>
-      <NativeBaseProvider theme={theme} isSSR={false}>
-        <View style={styles.container}>
-          <Heading fontFamily="body" color={'secondary.600'} fontSize={'2xl'}>
-            FireBolt Wallet
-          </Heading>
-        </View>
-      </NativeBaseProvider>
-    </NavigationContainer>
+    <GluestackUIProvider config={config}>
+      <ConnectionProvider>
+        <NavigationContainer>
+          <OnBoardingNavigation />
+        </NavigationContainer>
+      </ConnectionProvider>
+    </GluestackUIProvider>
   );
 }
 
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: '#2596be',
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-});
-
 export default App;

index.d.ts

@@ -0,0 +1 @@
+declare module '*.jpg';

index.js

@@ -1,7 +1,7 @@
 /**
  * @format
  */
-
+import './shim';
 import {AppRegistry} from 'react-native';
 import App from './App';
 import {name as appName} from './app.json';