WIP Read Only for Jobs BOD-409

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

@@ -6,8 +6,10 @@ import { Select, Button, Popover } from "antd";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { selectBodyshop } from "../../redux/user/user.selectors";
+import { selectJobReadOnly } from "../../redux/application/application.selectors";
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
+  jobRO: selectJobReadOnly,
 });
 const mapDispatchToProps = (dispatch) => ({
   //setUserLanguage: language => dispatch(setUserLanguage(language))
@@ -15,6 +17,7 @@ const mapDispatchToProps = (dispatch) => ({
 
 export function JobEmployeeAssignments({
   bodyshop,
+  jobRO,
   body,
   refinish,
   prep,
@@ -52,7 +55,7 @@ export function JobEmployeeAssignments({
       </Select>
       <Button
         type="primary"
-        disabled={!assignment.employeeid}
+        disabled={!assignment.employeeid || jobRO}
         onClick={() => {
           handleAdd(assignment);
           setVisibility(false);
@@ -79,14 +82,18 @@ export function JobEmployeeAssignments({
                 }`}</span>
                 <MinusOutlined
                   operation="body"
-                  onClick={() => handleRemove("body")}
+                  disabled={jobRO}
+                  onClick={() => !jobRO && handleRemove("body")}
                 />
               </div>
             ) : (
               <PlusCircleFilled
+                disabled={jobRO}
                 onClick={() => {
-                  setAssignment({ operation: "body" });
-                  setVisibility(true);
+                  if (!jobRO) {
+                    setAssignment({ operation: "body" });
+                    setVisibility(true);
+                  }
                 }}
               />
             )}
@@ -101,15 +108,19 @@ export function JobEmployeeAssignments({
                   prep.last_name || ""
                 }`}</span>
                 <MinusOutlined
+                  disabled={jobRO}
                   operation="prep"
-                  onClick={() => handleRemove("prep")}
+                  onClick={() => !jobRO && handleRemove("prep")}
                 />
               </div>
             ) : (
               <PlusCircleFilled
+                disabled={jobRO}
                 onClick={() => {
-                  setAssignment({ operation: "prep" });
-                  setVisibility(true);
+                  if (!jobRO) {
+                    setAssignment({ operation: "prep" });
+                    setVisibility(true);
+                  }
                 }}
               />
             )}
@@ -124,15 +135,19 @@ export function JobEmployeeAssignments({
                   refinish.last_name || ""
                 }`}</span>
                 <MinusOutlined
+                  disabled={jobRO}
                   operation="refinish"
-                  onClick={() => handleRemove("refinish")}
+                  onClick={() => !jobRO && handleRemove("refinish")}
                 />
               </div>
             ) : (
               <PlusCircleFilled
+                disabled={jobRO}
                 onClick={() => {
-                  setAssignment({ operation: "refinish" });
-                  setVisibility(true);
+                  if (!jobRO) {
+                    setAssignment({ operation: "refinish" });
+                    setVisibility(true);
+                  }
                 }}
               />
             )}