import React from 'react';
import './App.css';
import '../node_modules/bootstrap/scss/bootstrap.scss'

import firebaseService from './_services/firebase.service'
import notifyService from './_services/notify.service'

// Redux
import { BrowserRouter } from 'react-router-dom'
import { Provider } from 'react-redux'
import store from './store'

// Components
import AppContainer from './components/AppContainer'

class App extends React.Component {
  componentDidMount() {
    firebaseService.initFirebase()
    notifyService.init()
  }

  render() {
    return (
      <Provider store={store}>
        <BrowserRouter>
          <div className="App">
            <AppContainer />
          </div>
        </BrowserRouter>
      </Provider>
    );
  }
}

export default App;