Added payment list to jobs BOD-146

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

@@ -109,6 +109,9 @@ const JobsClose = lazy(() => import("../jobs-close/jobs-close.container"));
 const ShopCsiPageContainer = lazy(() =>
   import("../shop-csi/shop-csi.container.page")
 );
+const PaymentsAll = lazy(() =>
+  import("../payments-all/payments-all.container.page")
+);
 
 const { Content } = Layout;
 
@@ -134,11 +137,11 @@ export function Manage({ match, conflict }) {
   }, [t]);
 
   return (
-    <Layout className='layout-container'>
+    <Layout className="layout-container">
       <HeaderContainer />
       <BreadCrumbs />
 
-      <Content className='content-container'>
+      <Content className="content-container">
         <FcmNotification />
         <ErrorBoundary>
           {conflict ? (
@@ -147,7 +150,8 @@ export function Manage({ match, conflict }) {
             <Suspense
               fallback={
                 <LoadingSpinner message={t("general.labels.loadingapp")} />
-              }>
+              }
+            >
               <EnterInvoiceModalContainer />
               <EmailOverlayContainer />
               <TimeTicketModalContainer />
@@ -296,6 +300,11 @@ export function Manage({ match, conflict }) {
                 path={`${match.path}/accounting/payables`}
                 component={AccountingPayables}
               />
+              <Route
+                exact
+                path={`${match.path}/payments`}
+                component={PaymentsAll}
+              />
             </Suspense>
           )}
         </ErrorBoundary>