BOD-16 Added pages + routing for courtesy cars

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

@@ -43,10 +43,18 @@ const ShopVendorPageContainer = lazy(() =>
 const EmailOverlayContainer = lazy(() =>
   import("../../components/email-overlay/email-overlay.container.jsx")
 );
-
 const JobsCreateContainerPage = lazy(() =>
   import("../jobs-create/jobs-create.container")
 );
+const CourtesyCarCreateContainer = lazy(() =>
+  import("../courtesy-car-create/courtesy-car-create.page.container")
+);
+const CourtesyCarDetailContainer = lazy(() =>
+  import("../courtesy-car-detail/courtesy-car-detail.page.container")
+);
+const CourtesyCarsPage = lazy(() =>
+  import("../courtesy-cars/courtesy-cars.page.container")
+);
 
 const { Header, Content, Footer } = Layout;
 
@@ -64,13 +72,15 @@ export default function Manage({ match }) {
       </Header>
       <Layout>
         <Content
-          className='content-container'
-          style={{ padding: "0em 4em 4em" }}>
+          className="content-container"
+          style={{ padding: "0em 4em 4em" }}
+        >
           <ErrorBoundary>
             <Suspense
               fallback={
                 <LoadingSpinner message={t("general.labels.loadingapp")} />
-              }>
+              }
+            >
               <EmailOverlayContainer />
               <Route exact path={`${match.path}`} component={ManageRootPage} />
               <Route exact path={`${match.path}/jobs`} component={JobsPage} />
@@ -86,7 +96,41 @@ export default function Manage({ match }) {
                   component={JobsDetailPage}
                 />
               </Switch>
+              <Route
+                exact
+                path={`${match.path}/courtesycars/`}
+                component={CourtesyCarsPage}
+              />
+              <Switch>
+                <Route
+                  exact
+                  path={`${match.path}/courtesycars/create`}
+                  component={CourtesyCarCreateContainer}
+                />
 
+                <Route
+                  exact
+                  path={`${match.path}/courtesycars/contracts`}
+                  component={() => <div>HOLD</div>}
+                />
+
+                <Route
+                  exact
+                  path={`${match.path}/courtesycars/contracts/new`}
+                  component={() => <div>new cc contract</div>}
+                />
+                <Route
+                  exact
+                  path={`${match.path}/courtesycars/contracts/:contractId`}
+                  component={() => <div>cc contract id</div>}
+                />
+
+                <Route
+                  exact
+                  path={`${match.path}/courtesycars/:ccId`}
+                  component={CourtesyCarDetailContainer}
+                />
+              </Switch>
               <Route
                 exact
                 path={`${match.path}/profile`}