Read Onlt Invoice Screen IO-578

client/src/pages/jobs-close/jobs-close.component.jsx

@@ -12,12 +12,14 @@ import JobsCloseExportButton from "../../components/jobs-close-export-button/job
 import JobsCloseLines from "../../components/jobs-close-lines/jobs-close-lines.component";
 import { generateJobLinesUpdatesForInvoicing } from "../../graphql/jobs-lines.queries";
 import { UPDATE_JOB } from "../../graphql/jobs.queries";
+import { selectJobReadOnly } from "../../redux/application/application.selectors";
 import { selectBodyshop } from "../../redux/user/user.selectors";
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
+  jobRO: selectJobReadOnly,
 });
 
-export function JobsCloseComponent({ job, bodyshop }) {
+export function JobsCloseComponent({ job, bodyshop, jobRO }) {
   const { t } = useTranslation();
   const [form] = Form.useForm();
   const client = useApolloClient();
@@ -86,26 +88,31 @@ export function JobsCloseComponent({ job, bodyshop }) {
           <JobsCloseAutoAllocate
             joblines={job.joblines}
             form={form}
-            disabled={!!job.date_exported}
+            disabled={!!job.date_exported || jobRO}
           />
 
-          <Button loading={loading} onClick={() => form.submit()}>
+          <Button
+            loading={loading}
+            onClick={() => form.submit()}
+            disabled={jobRO}
+          >
             {t("general.actions.save")}
           </Button>
 
           <Popconfirm
             onConfirm={handleClose}
+            disabled={jobRO}
             okText={t("general.labels.yes")}
             cancelText={t("general.labels.no")}
             title={t("jobs.labels.closeconfirm")}
           >
-            <Button loading={loading} type="danger">
+            <Button loading={loading} type="danger" disabled={jobRO}>
               {t("general.actions.close")}
             </Button>
           </Popconfirm>
 
           <JobsScoreboardAdd job={job} disabled={false} />
-          <JobsCloseExportButton jobId={job.id} disabled={false} />
+          <JobsCloseExportButton jobId={job.id} disabled={job.date_exported} />
         </Space>
         <FormsFieldChanged form={form} />
         <JobsCloseLines job={job} />