text: import React, {Component, Fragment} from 'react';
  import { HashRouter as Router, Route, Switch } from 'react-router-dom';
  import PrivateRoute from "./common/PrivateRoute";
  import Header from "./layout/Header";
  import Dashboard from "./posts/Dashboard";
  import Login from "./accounts/Login";
  import Register from "./accounts/Register";
  import {Provider as AlertProvider} from 'react-alert';
  import AlertTemplate from "react-alert-template-basic";
  import Alerts from "./layout/Alerts";
  import {Provider} from 'react-redux';
  import store from "../store";
  import {loadUser} from "../actions/auth";
  
  const alertOptions = {
      timeout: 3000,
      position: 'top center'
  };
  
  
  class App extends Component{
      componentDidMount() {
          store.dispatch(loadUser())
      }
  
      render() {
          return (
              <Provider store={store}>
                  <AlertProvider template={AlertTemplate} {...alertOptions}>
                      <Router>
                      <Fragment>
                          <Header/>
                          <Alerts error={{}}/>
                          <div className="container">
                              <Switch>
                                  <PrivateRoute exact path="/" component={Dashboard} />
                                  <Route exact path="/register" component={Register} />
                                  <Route exact path="/login" component={Login} />
                              </Switch>
                          </div>
                      </Fragment>
                      </Router>
                  </AlertProvider>
              </Provider>
          )
      }
  }
  
  export default App;
  