BOD-34 Moved template rendering to utility class. Added basic config for some estimate reports.

client/src/components/print-center-jobs/print-center-jobs.component.jsx

@@ -1,6 +1,5 @@
 import { Collapse } from "antd";
 import React from "react";
-import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { setEmailOptions } from "../../redux/email/email.actions";
@@ -10,8 +9,8 @@ import {
   selectBodyshop,
   selectCurrentUser,
 } from "../../redux/user/user.selectors";
-import JobsReports from "./print-center-jobs.list";
 import PrintCenterItem from "../print-center-item/print-center-item.component";
+import JobsReports from "./print-center-jobs.list";
 
 const mapStateToProps = createStructuredSelector({
   currentUser: selectCurrentUser,
@@ -23,20 +22,23 @@ const mapDispatchToProps = (dispatch) => ({
   toggleModalVisible: () => dispatch(toggleModalVisible("printCenter")),
 });
 export function PrintCenterJobsComponent({ printCenterModal }) {
-  const { t } = useTranslation();
-  const { id: jobid } = printCenterModal.context;
+  const { id: jobId } = printCenterModal.context;
 
   const JobsReportsList = JobsReports(null);
 
   return (
     <div>
-      Print Center Jobs COmponetn
       <Collapse accordion>
         {JobsReportsList.map((section) => (
           <Collapse.Panel key={section.key} header={section.title}>
             <ul style={{ columns: "2 auto" }}>
               {section.items.map((item) => (
-                <PrintCenterItem key={item.key} item={item} />
+                <PrintCenterItem
+                  key={item.key}
+                  item={item}
+                  id={jobId}
+                  disabled={item.disabled}
+                />
               ))}
             </ul>
           </Collapse.Panel>