App.tsx

import * as Sentry from '@sentry/react-native';
import React, { Component } from 'react';
import { I18nextProvider } from 'react-i18next';
import { View, StyleSheet, LogBox } from 'react-native';
import codePush from 'react-native-code-push';
import Toast from 'react-native-toast-message';
import { Provider } from 'react-redux';
import { PersistGate } from 'redux-persist/integration/react';

import { Navigator } from 'app/navigators';
import { AppStateManager } from 'app/services';
import NotificationsServices from 'app/services/NotificationServices';
import { AppSettingsAction } from 'app/state/appSettings/actions';
import { AuthenticationAction } from 'app/state/authentication/actions';
import { persistor, store } from 'app/state/store';
import { isIos } from 'app/styles/helpers';

import config from './src/config';

const i18n = require('./loc');

LogBox.ignoreAllLogs(process.env.LOG_BOX_IGNORE === 'true');

const sentryOptions = {
  dsn: isIos() ? config.sentryDsnIOS : config.sentryDsnAndroid,
  tracesSampleRate: 0.25,
  debug: config.environment === 'dev',
  environment: config.environment,
};

const getNewKey = () => new Date().toISOString();

const codePushOptions = {
  checkFrequency: codePush.CheckFrequency.ON_APP_RESUME,
  installMode: codePush.InstallMode.IMMEDIATE,
  minimumBackgroundDuration: 30 * 60, // 30 minutes
  updateDialog: false,
  deploymentKey: isIos() ? config.codepushDeploymentKeyIOS : config.codepushDeploymentKeyAndroid,
};

if (!__DEV__) {
  Sentry.init(sentryOptions);
}

class CodePushClass extends Component<null, null> {
  render() {
    return null;
  }
}

const WithCodePush = codePush(codePushOptions)(CodePushClass);

class App extends React.PureComponent {
  state = {
    unlockKey: getNewKey(),
  };

  lockScreen = () => {
    store.dispatch({
      type: AuthenticationAction.SetIsAuthenticated,
      isAuthenticated: false,
    });
  };

  setUnlockScreenKey = () => {
    this.setState({
      unlockKey: getNewKey(),
    });
    store.dispatch({
      type: AppSettingsAction.ClearBadge,
    });
  };

  render() {
    return (
      <>
        {!__DEV__ && <WithCodePush />}
        <I18nextProvider i18n={i18n}>
          <Provider store={store}>
            <AppStateManager
              handleAppComesToForeground={this.setUnlockScreenKey}
              handleAppComesToBackground={this.lockScreen}
            />
            <PersistGate loading={null} persistor={persistor}>
              <View style={styles.wrapper}>
                <Navigator unlockKey={this.state.unlockKey} />
              </View>
              <NotificationsServices />
            </PersistGate>
          </Provider>
          <Toast ref={ref => Toast.setRef(ref)} />
        </I18nextProvider>
      </>
    );
  }
}

export default Sentry.withTouchEventBoundary(App, {});

const styles = StyleSheet.create({
  wrapper: {
    flex: 1,
  },
});