import React, {useEffect} from 'react';
import {NavigationContainer} from '@react-navigation/native';
import Routes from './routes';
import {Provider} from 'react-redux';
import store from './store/configureStore';
import {fcmService} from './services/FCMService';

const App = () => {
  useEffect(() => {
    fcmService.setUpPushNotifications();
    //If permissions are not there, deactivateFcmService
  });

  return (
    /**
     * This is the provider from the redux store, it acts as the root provider for our application
     */
    <Provider store={store}>
      <NavigationContainer>
        <Routes />
      </NavigationContainer>
    </Provider>
  );
};

export default App;
