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';
import {navigationRef} from './RootNavigation';

const App = () => {
  useEffect(() => {
    fcmService.setUpPushNotifications();
    // TODO: 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 ref={navigationRef}>
        <Routes />
      </NavigationContainer>
    </Provider>
  );
};

export default App;