Read Onlt Invoice Screen IO-578

client/src/components/jobs-close-lines/jobs-close-lines.component.jsx

@@ -3,6 +3,7 @@ import React from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
+import { selectJobReadOnly } from "../../redux/application/application.selectors";
 import { selectBodyshop } from "../../redux/user/user.selectors";
 import LaborTypeFormItem from "../form-items-formatted/labor-type-form-item.component";
 import PartTypeFormItem from "../form-items-formatted/part-type-form-item.component";
@@ -11,12 +12,13 @@ import "./jobs-close-lines.styles.scss";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
+  jobRO: selectJobReadOnly,
 });
 const mapDispatchToProps = (dispatch) => ({
   //setUserLanguage: language => dispatch(setUserLanguage(language))
 });
 
-export function JobsCloseLines({ bodyshop, job }) {
+export function JobsCloseLines({ bodyshop, job, jobRO }) {
   const { t } = useTranslation();
   return (
     <div>
@@ -114,6 +116,7 @@ export function JobsCloseLines({ bodyshop, job }) {
                           allowClear
                           optionFilterProp="children"
                           showSearch
+                          disabled={jobRO}
                           filterOption={(input, option) =>
                             option.children
                               .toLowerCase()
@@ -146,6 +149,7 @@ export function JobsCloseLines({ bodyshop, job }) {
                           allowClear
                           optionFilterProp="children"
                           showSearch
+                          disabled={jobRO}
                           filterOption={(input, option) =>
                             option.children
                               .toLowerCase()