Added voiding of ROs IO-639

client/src/pages/jobs-detail/jobs-detail.page.container.jsx

@@ -2,6 +2,7 @@ import { useMutation, useQuery } from "@apollo/react-hooks";
 import React, { useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
 import AlertComponent from "../../components/alert/alert.component";
 import SpinComponent from "../../components/loading-spinner/loading-spinner.component";
 import NotFound from "../../components/not-found/not-found.component";
@@ -13,9 +14,14 @@ import {
   setJobReadOnly,
   setSelectedHeader,
 } from "../../redux/application/application.actions";
+import { selectBodyshop } from "../../redux/user/user.selectors";
 import { CreateRecentItem } from "../../utils/create-recent-item";
 import JobsDetailPage from "./jobs-detail.page.component";
 
+const mapStateToProps = createStructuredSelector({
+  bodyshop: selectBodyshop,
+});
+
 const mapDispatchToProps = (dispatch) => ({
   setBreadcrumbs: (breadcrumbs) => dispatch(setBreadcrumbs(breadcrumbs)),
   addRecentItem: (item) => dispatch(addRecentItem(item)),
@@ -24,6 +30,7 @@ const mapDispatchToProps = (dispatch) => ({
 });
 
 function JobsDetailPageContainer({
+  bodyshop,
   match,
   setBreadcrumbs,
   addRecentItem,
@@ -64,7 +71,9 @@ function JobsDetailPageContainer({
 
     if (data && data.jobs_by_pk) {
       setJobReadOnly(
-        !!data.jobs_by_pk.date_exported || !!data.jobs_by_pk.date_invoiced
+        data.jobs_by_pk.date_exported ||
+          data.jobs_by_pk.date_invoiced ||
+          data.jobs_by_pk.voided
       );
 
       addRecentItem(
@@ -108,4 +117,7 @@ function JobsDetailPageContainer({
     <AlertComponent message={t("jobs.errors.noaccess")} type="error" />
   );
 }
-export default connect(null, mapDispatchToProps)(JobsDetailPageContainer);
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(JobsDetailPageContainer);