import { Redirect, Router } from '@reach/router';
import React, { memo } from 'react';
import Builder from './app/builder';
import Dashboard from './app/dashboard';
import NotFound from './404';
import PrivateRoute from '../components/router/PrivateRoute';
import Wrapper from '../components/shared/Wrapper';

const App = () => (
  <Wrapper>
    <Router>
      <Redirect noThrow from="/app" to="/app/dashboard" exact />
      <PrivateRoute path="/app/dashboard" component={Dashboard} />
      <PrivateRoute path="/app/builder/:id" component={Builder} />
      <NotFound default />
    </Router>
  </Wrapper>
);
export default memo(App);