App.js

import React from 'react';
import { Platform, StatusBar, StyleSheet, View } from 'react-native';
import AppLoading from 'expo-app-loading';
import * as Font from 'expo-font';
import { Ionicons } from '@expo/vector-icons';
import { Asset } from 'expo-asset';
import AppNavigator from './src/navigation/AppNavigator';
import { connect, Provider } from 'react-redux';
import { store } from './src/store';
import { fetchAccount } from './src/store/reducers/account-reducer';
import { bindActionCreators } from 'redux';
const { TextDecoder, TextEncoder } = require('text-encoding');
import Constants from 'expo-constants';
import * as Sentry from 'sentry-expo';
import * as config from './src/config/config.json';
import { getLogger } from './src/utils/logger';
import { SafeAreaProvider } from 'react-native-safe-area-context';

Sentry.init({
	dsn: config.sentry_dsn,
	enableInExpoDevelopment: false,
	debug: true
});
Sentry.Native.setRelease(Constants.manifest.revisionId);

/**
 * Polly-fill following for react-native JSC
 */
global.TextDecoder = TextDecoder;
global.TextEncoder = TextEncoder;

const styles = StyleSheet.create({
	container: {
		flex: 1
		// backgroundColor: '#fff'
	}
});

class App extends React.Component {
	logger = getLogger(App);
	state = {
		isLoadingComplete: false
	};

	componentDidMount() {
		this.logger.log(config.sentry_dsn);
	}

	render() {
		if (!this.state.isLoadingComplete) {
			return (
				<AppLoading
					startAsync={this._loadResourcesAsync}
					onError={this._handleLoadingError}
					onFinish={this._handleFinishLoading}
				/>
			);
		} else {
			return (
				<SafeAreaProvider>
					<View style={styles.container}>
						{Platform.OS === 'ios' && <StatusBar barStyle="default" />}
						<AppNavigator />
					</View>
				</SafeAreaProvider>
			);
		}
	}

	_loadResourcesAsync = async () => {
		return Promise.all([
			Asset.loadAsync([
				require('./src/assets/images/robot-dev.png'),
				require('./src/assets/images/robot-prod.png')
			]),
			Font.loadAsync({
				// This is the font that we are using for our tab bar
				...Ionicons.font,
				// We include SpaceMono because we use it in HomeScreen.js. Feel free
				// to remove this if you are not using it in your app
				'space-mono': require('./src/assets/fonts/SpaceMono-Regular.ttf'),
				'comfortaa-bold': require('./src/assets/fonts/Comfortaa-Bold.ttf'),
				'comfortaa-light': require('./src/assets/fonts/Comfortaa-Light.ttf'),
				'comfortaa-regular': require('./src/assets/fonts/Comfortaa-Regular.ttf')
			})
		]);
	};

	_handleLoadingError = error => {
		// In this case, you might want to report the error to your error
		// reporting service, for example Sentry
		console.warn(error);
	};

	_handleFinishLoading = () => {
		this.setState({ isLoadingComplete: true });
	};
}

const mapDispatchToProps = function(dispatch) {
	return {
		fetchAccount: bindActionCreators(fetchAccount, dispatch)
	};
};

const ConnectedApp = connect(null, mapDispatchToProps)(App);

export default class AppContainer extends React.Component {
	render() {
		return (
			<Provider store={store}>
				<ConnectedApp {...this.props} />
			</Provider>
		);
	}
}