Removed references to allocations objects. Added new fields to job for employee assignment + created new component. BOD-100

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

@@ -7,7 +7,7 @@ import {
   Menu,
   notification,
   PageHeader,
-  Tag
+  Tag,
 } from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
@@ -21,6 +21,7 @@ import CurrencyFormatter from "../../utils/CurrencyFormatter";
 import JobsDetailHeaderActions from "../jobs-detail-header-actions/jobs-detail-header-actions.component";
 import OwnerTagPopoverComponent from "../owner-tag-popover/owner-tag-popover.component";
 import VehicleTagPopoverComponent from "../vehicle-tag-popover/vehicle-tag-popover.component";
+import JobEmployeeAssignments from "../job-employee-assignments/job-employee-assignments.container";
 import "./jobs-detail-header.styles.scss";
 
 const mapStateToProps = createStructuredSelector({
@@ -130,7 +131,9 @@ export function JobsDetailHeader({
         </Tag>,
       ]}
       extra={menuExtra}>
-      <Descriptions size='small' column={5}>
+      <Descriptions
+        size='small'
+        column={{ xs: 1, sm: 1, md: 2, lg: 3, xl: 3, xxl: 6 }}>
         <Descriptions.Item key='total' label={t("jobs.fields.repairtotal")}>
           <CurrencyFormatter>{job.clm_total}</CurrencyFormatter>
         </Descriptions.Item>
@@ -165,6 +168,11 @@ export function JobsDetailHeader({
               </Link>
             ))}
         </Descriptions.Item>
+        <Descriptions.Item
+          key='assignments'
+          label={t("jobs.labels.employeeassignments")}>
+          <JobEmployeeAssignments job={job} />
+        </Descriptions.Item>
       </Descriptions>
     </PageHeader>
   );