Doc upload in progress.

client/src/pages/manage/manage.page.jsx

@@ -12,6 +12,9 @@ const WhiteBoardPage = lazy(() => import("../white-board/white-board.page"));
 const JobsPage = lazy(() => import("../jobs/jobs.page"));
 const JobsDetailPage = lazy(() => import("../jobs-detail/jobs-detail.page"));
 const ProfilePage = lazy(() => import("../profile/profile.container.page"));
+const JobsDocumentsPage = lazy(() =>
+  import("../jobs-documents/jobs-documents.container")
+);
 
 const { Header, Content, Footer } = Layout;
 //This page will handle all routing for the entire application.
@@ -31,16 +34,20 @@ export default function Manage({ match }) {
       <Content>
         <ErrorBoundary>
           <Suspense
-            fallback={<div>TODO: Suspended Loading in Manage Page...</div>}
-          >
+            fallback={<div>TODO: Suspended Loading in Manage Page...</div>}>
             <Route exact path={`${match.path}`} component={WhiteBoardPage} />
 
             <Route exact path={`${match.path}/jobs`} component={JobsPage} />
             <Route
+              exact
               path={`${match.path}/jobs/:jobId`}
               component={JobsDetailPage}
             />
-
+            <Route
+              exact
+              path={`${match.path}/jobs/:jobId/documents`}
+              component={JobsDocumentsPage}
+            />
             <Route
               exact
               path={`${match.path}/profile`}