import React from 'react';
import { BrowserRouter, Switch, Route } from 'react-router-dom';
import * as routes from './constants/routes';

import Landing from './components/Landing';
import Home from './components/Home';
import Profile from './components/Profile';
import PageNotFound from './components/NotFound';
import HandleSignIn from './components/HandleSignIn';
import Navigation from './components/Navigation';

const App = () => {
  return (
    <BrowserRouter>
      <React.Fragment>
        <Navigation />
        <Switch>
          <Route exact path={routes.LANDING} render={() => <Landing />} />
          <Route exact path={routes.HOME} render={() => <Home />} />
          <Route exact path={routes.PROFILE} render={() => <Profile />} />
          <Route exact path={routes.HANDLE_SIGN_IN} render={() => <HandleSignIn />} />
          <Route render={() => PageNotFound} />
        </Switch>
      </React.Fragment>
    </BrowserRouter>
  );
};

export default App;