IO-995 Update CSR to be a relationship.

client/src/components/job-employee-assignments/job-employee-assignments.component.jsx

@@ -23,7 +23,9 @@ export function JobEmployeeAssignments({
   jobRO,
   body,
   refinish,
+
   prep,
+  csr,
   handleAdd,
   handleRemove,
   loading,
@@ -155,6 +157,30 @@ export function JobEmployeeAssignments({
             />
           )}
         </DataLabel>
+        <DataLabel label={t("jobs.fields.employee_csr")}>
+          {csr ? (
+            <div>
+              <span>{`${csr.first_name || ""} ${csr.last_name || ""}`}</span>
+              <DeleteFilled
+                disabled={jobRO}
+                style={iconStyle}
+                operation="csr"
+                onClick={() => !jobRO && handleRemove("csr")}
+              />
+            </div>
+          ) : (
+            <PlusCircleFilled
+              disabled={jobRO}
+              style={iconStyle}
+              onClick={() => {
+                if (!jobRO) {
+                  setAssignment({ operation: "csr" });
+                  setVisibility(true);
+                }
+              }}
+            />
+          )}
+        </DataLabel>
       </Spin>
     </Popover>
   );

client/src/components/job-employee-assignments/job-employee-assignments.container.jsx

@@ -61,6 +61,7 @@ export default function JobEmployeeAssignmentsContainer({ job, refetch }) {
         body={job.employee_body_rel}
         refinish={job.employee_refinish_rel}
         prep={job.employee_prep_rel}
+        csr={job.employee_csr_rel}
         handleAdd={handleAdd}
         handleRemove={handleRemove}
         loading={loading}
@@ -75,6 +76,8 @@ const determineFieldName = (operation) => {
       return "employee_body";
     case "prep":
       return "employee_prep";
+    case "csr":
+      return "employee_csr";
     case "refinish":
       return "employee_refinish";