feature/IO-3499-React-19: Cursor style adjustments for Employee Assignments

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

@@ -15,7 +15,20 @@ const mapStateToProps = createStructuredSelector({
 });
 const mapDispatchToProps = () => ({});
 
-const iconStyle = { marginLeft: ".3rem" };
+const iconStyle = {
+  marginLeft: ".3rem"
+};
+
+const iconClickableStyle = {
+  marginLeft: ".3rem",
+  cursor: "pointer"
+};
+
+const iconDisabledStyle = {
+  marginLeft: ".3rem",
+  cursor: "not-allowed",
+  opacity: 0.5
+};
 
 export function JobEmployeeAssignments({
   bodyshop,
@@ -58,7 +71,7 @@ export function JobEmployeeAssignments({
 
   const renderAssigner = (operation) => {
     if (jobRO) {
-      return <PlusCircleFilled disabled style={iconStyle} />;
+      return <PlusCircleFilled style={iconDisabledStyle} />;
     }
 
     const popContent = (
@@ -117,6 +130,7 @@ export function JobEmployeeAssignments({
         <span
           role="button"
           tabIndex={0}
+          style={{ display: "inline-flex", alignItems: "center", cursor: "pointer" }}
           onClick={(e) => {
             // Prevent the click from being re-interpreted as "outside"
             e.preventDefault();
@@ -129,9 +143,8 @@ export function JobEmployeeAssignments({
               openFor(operation);
             }
           }}
-          style={{ display: "inline-flex", alignItems: "center" }}
         >
-          <PlusCircleFilled style={iconStyle} />
+          <PlusCircleFilled style={iconClickableStyle} />
         </span>
       </Popover>
     );