BOD-10 BOD-12 BOD-11 WIP for Manual Job Creation.

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

@@ -1,7 +1,7 @@
 import { BackTop, Layout } from "antd";
 import React, { lazy, Suspense, useEffect } from "react";
 import { useTranslation } from "react-i18next";
-import { Route } from "react-router";
+import { Route, Switch } from "react-router-dom";
 import ErrorBoundary from "../../components/error-boundary/error-boundary.component";
 import FooterComponent from "../../components/footer/footer.component";
 //Component Imports
@@ -40,14 +40,15 @@ const ShopPage = lazy(() => import("../shop/shop.page.component"));
 const ShopVendorPageContainer = lazy(() =>
   import("../shop-vendor/shop-vendor.page.container")
 );
-
 const EmailOverlayContainer = lazy(() =>
   import("../../components/email-overlay/email-overlay.container.jsx")
 );
-
 const GlobalLoadingBar = lazy(() =>
   import("../../components/global-loading-bar/global-loading-bar.component")
 );
+const JobsCreateContainerPage = lazy(() =>
+  import("../jobs-create/jobs-create.container")
+);
 
 const { Header, Content, Footer } = Layout;
 
@@ -78,11 +79,19 @@ export default function Manage({ match }) {
               <EmailOverlayContainer />
               <Route exact path={`${match.path}`} component={ManageRootPage} />
               <Route exact path={`${match.path}/jobs`} component={JobsPage} />
-              <Route
-                exact
-                path={`${match.path}/jobs/:jobId`}
-                component={JobsDetailPage}
-              />
+              <Switch>
+                <Route
+                  exact
+                  path={`${match.path}/jobs/create`}
+                  component={JobsCreateContainerPage}
+                />
+                <Route
+                  exact
+                  path={`${match.path}/jobs/:jobId`}
+                  component={JobsDetailPage}
+                />
+              </Switch>
+
               <Route
                 exact
                 path={`${match.path}/profile`}