Fix authenticated routing issues

src/components/Routes/SiteRoutes.jsx

@@ -0,0 +1,34 @@
+import React, { Suspense } from 'react';
+import {
+  BrowserRouter,
+  Switch,
+  Route
+} from 'react-router-dom';
+
+import { AuthRoute, TYPES } from '../Routes/AuthRoute'
+import { MessageBar } from '../MessageBar';
+import { useUserContext }  from '../Contexts/UserContext';
+
+const SignInForm = React.lazy(() => import('../SignInForm'));
+const SignUpForm = React.lazy(() => import('../SignUpForm'));
+const FileUploadForm = React.lazy(() => import('../FileUploadForm'));
+
+const SiteRoutes = () => {
+  const { token } = useUserContext();
+  console.log('SiteRoutes', token);
+  return (
+    <Suspense fallback={"Loading..."}> 
+      <MessageBar />
+      <BrowserRouter>
+        <Switch>
+          <AuthRoute path="/" exact render={() => <SignInForm />} type={TYPES.GUEST} token={token} />
+          <AuthRoute path="/signup" exact render={() => <SignUpForm />} type={TYPES.GUEST} token={token} />
+          <AuthRoute path="/home" render={() => <FileUploadForm />} type={TYPES.PROTECTED} token={token} />
+        </Switch>    
+      </BrowserRouter>
+    </Suspense>
+  );
+};
+
+
+export default SiteRoutes;