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()

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

@@ -240,11 +240,8 @@ export function JobsDetailHeaderActions({
       >
         {t("jobs.actions.addtopartsqueue")}
       </Menu.Item>
-      <Menu.Item
-        disabled={!!job.date_invoiced || !jobInPostProduction || jobRO}
-        key="closejob"
-      >
-        {!!job.date_invoiced || !jobInPostProduction || jobRO ? (
+      <Menu.Item disabled={!jobInPostProduction} key="closejob">
+        {!jobInPostProduction ? (
           t("menus.jobsactions.closejob")
         ) : (
           <Link
@@ -256,18 +253,14 @@ export function JobsDetailHeaderActions({
           </Link>
         )}
       </Menu.Item>
-      <Menu.Item disabled={!!job.date_invoiced || jobRO} key="admin">
-        {!!job.date_invoiced || jobRO ? (
-          t("menus.jobsactions.admin")
-        ) : (
-          <Link
-            to={{
-              pathname: `/manage/jobs/${job.id}/admin`,
-            }}
-          >
-            {t("menus.jobsactions.admin")}
-          </Link>
-        )}
+      <Menu.Item key="admin">
+        <Link
+          to={{
+            pathname: `/manage/jobs/${job.id}/admin`,
+          }}
+        >
+          {t("menus.jobsactions.admin")}
+        </Link>
       </Menu.Item>
       <JobsDetaiLheaderCsi job={job} />
       <Menu.Item