daddy/client/src/components/App.tsx

import React, { FunctionComponent } from 'react';
import { BrowserRouter, Route, Redirect, Switch } from "react-router-dom";
import { HomePage } from './HomePage/HomePage';
import { ProfilePage } from './ProfilePage/ProfilePage';
import { WorkgroupPage } from './WorkgroupPage/WorkgroupPage';
import { DecisionSupportFilePage } from './DecisionSupportFilePage/DecisionSupportFilePage';
import { DashboardPage } from './DashboardPage/DashboardPage';
import { useUserProfile } from '../gql/queries/profile';
import { LoggedInContext } from '../hooks/useLoggedIn';
import { PrivateRoute } from './PrivateRoute';

export interface AppProps {

}

export const App: FunctionComponent<AppProps> = () => {
  const { user } = useUserProfile();

  return (
    <LoggedInContext.Provider value={user.id !== ''}>
      <BrowserRouter>
        <Switch>
          <Route path="/" exact component={HomePage} />
          <PrivateRoute path="/profile" exact component={ProfilePage} />
          <PrivateRoute path="/workgroups/:id" exact component={WorkgroupPage} />
          <PrivateRoute path="/decisions/:id" exact component={DecisionSupportFilePage} />
          <PrivateRoute path="/dashboard" exact component={DashboardPage} />
          <Route component={() => <Redirect to="/" />} />
        </Switch>
      </BrowserRouter>
    </LoggedInContext.Provider>
  );
}