Fix authenticated routing issues

This commit is contained in:
jwu-fisker
2021-01-06 10:35:30 -08:00
parent 44c56df2c0
commit 3d50e8c45a
4 changed files with 60 additions and 29 deletions

View File

@@ -1,35 +1,12 @@
import React, { Suspense } from 'react';
import {
BrowserRouter,
Switch,
Route
} from 'react-router-dom';
import React from 'react';
import { UserProvider } from '../Contexts/UserContext';
import { ProtectedRoute } from '../Routes/ProtectedRoute';
import { MessageBar } from '../MessageBar';
const SignInForm = React.lazy(() => import('../SignInForm'));
const SignUpForm = React.lazy(() => import('../SignUpForm'));
const FileUploadForm = React.lazy(() => import('../FileUploadForm'));
import SiteRoutes from '../Routes/SiteRoutes';
function App() {
return (
<Suspense fallback={"Loading..."}>
<UserProvider>
<MessageBar />
<BrowserRouter>
<Switch>
<Route path="/" exact>
<SignInForm />
</Route>
<Route path="/signup">
<SignUpForm />
</Route>
<ProtectedRoute path="/upload" render={() => <FileUploadForm />} />
</Switch>
</BrowserRouter>
</UserProvider>
</Suspense>
<UserProvider>
<SiteRoutes />
</UserProvider>
);
}