FinalProject/src/App.js

import {Router, Route} from 'react-router-dom';
import createHistory from "history/createBrowserHistory";
import MainPage from "./pages/MainPage";
import Page404 from "./pages/404Page";
import ContactPage from "./pages/ContactPage";
import Switch from "react-router-dom/es/Switch";
import PrivacyPolicy from "./pages/PrivacyPolicyPage";
import FAQPage from "./pages/FAQPage";
import OurTeamPage from "./pages/OurTeamPage";
import AboutUsPage from "./pages/AboutUsPage";
import {Provider} from "react-redux";
import MyAccountPage from "./pages/MyAccountPage";
import {store} from "./reducers";
import ProfilePage from "./pages/ProfilePage";
import CatalogPage from "./pages/CatalogPage";
import Header from "./components/Header";
import Footer from "./components/Footer";
import ProductPage from "./pages/ProductPage";

const history = createHistory();

function App() {
  return (
      <Router history={history}>
          <Provider store={store}>
              <Header/>
              <Switch>
                  <Route path="/" component={MainPage} exact/>
                  <Route path="/catalog" component={CatalogPage} />
                  <Route path="/good" component={ProductPage} />
                  <Route path="/about-us" component={AboutUsPage} />
                  <Route path="/our-team" component={OurTeamPage} />
                  <Route path="/faq" component={FAQPage} />
                  <Route path="/contact" component={ContactPage} />
                  <Route path="/my-account" component={MyAccountPage} />
                  <Route path="/privacy-policy" component={PrivacyPolicy} />
                  <Route path="/profile" component={ProfilePage} />
                  <Route path="*" component={Page404} />
              </Switch>
              <Footer/>
          </Provider>
      </Router>
  )
}

export default App;