Added viewing all CSI responses + read only version of configurable form BOD-154

client/src/components/jobs-detail-header/jobs-detail-header.component.jsx

@@ -1,4 +1,4 @@
-import { DownCircleFilled } from "@ant-design/icons";
+import { DownCircleFilled, PrinterFilled } from "@ant-design/icons";
 import {
   Avatar,
   Badge,
@@ -31,13 +31,15 @@ const mapStateToProps = createStructuredSelector({
 const mapDispatchToProps = (dispatch) => ({
   setScheduleContext: (context) =>
     dispatch(setModalContext({ context: context, modal: "schedule" })),
+  setPrintCenterContext: (context) =>
+    dispatch(setModalContext({ context: context, modal: "printCenter" })),
 });
 
 export function JobsDetailHeader({
   job,
   mutationConvertJob,
   refetch,
-
+  setPrintCenterContext,
   bodyshop,
   updateJobStatus,
   setScheduleContext,
@@ -66,11 +68,26 @@ export function JobsDetailHeader({
   );
 
   const menuExtra = [
-    <Dropdown overlay={statusmenu} key="changestatus">
+    <Dropdown overlay={statusmenu} trigger={["click"]} key="changestatus">
       <Button>
         {t("jobs.actions.changestatus")} <DownCircleFilled />
       </Button>
     </Dropdown>,
+    <Button
+      onClick={() => {
+        setPrintCenterContext({
+          actions: { refetch: refetch },
+          context: {
+            id: job.id,
+            type: "job",
+          },
+        });
+      }}
+      key="printing"
+    >
+      <PrinterFilled />
+      {t("jobs.actions.printCenter")}
+    </Button>,
     <Badge key="schedule" count={job.appointments_aggregate.aggregate.count}>
       <Button
         //TODO Enabled logic based on status.