WIP Read Only for Jobs BOD-409

client/src/components/bills-list-table/bills-list-table.component.jsx

@@ -11,6 +11,12 @@ import { alphaSort } from "../../utils/sorters";
 import queryString from "query-string";
 import { useLocation } from "react-router-dom";
 
+import { createStructuredSelector } from "reselect";
+import { selectJobReadOnly } from "../../redux/application/application.selectors";
+const mapStateToProps = createStructuredSelector({
+  jobRO: selectJobReadOnly,
+});
+
 const mapDispatchToProps = (dispatch) => ({
   setPartsOrderContext: (context) =>
     dispatch(setModalContext({ context: context, modal: "partsOrder" })),
@@ -21,6 +27,7 @@ const mapDispatchToProps = (dispatch) => ({
 });
 
 export function BillsListTableComponent({
+  jobRO,
   job,
   billsQuery,
   handleOnRowClick,
@@ -94,11 +101,15 @@ export function BillsListTableComponent({
       key: "actions",
       render: (text, record) => (
         <div>
-          <Link
-            to={`/manage/bills?billid=${record.id}&vendorid=${record.vendorid}`}
-          >
-            <Button>{t("bills.actions.edit")}</Button>
-          </Link>
+          {jobRO ? (
+            <Button disabled>{t("bills.actions.edit")}</Button>
+          ) : (
+            <Link
+              to={`/manage/bills?billid=${record.id}&vendorid=${record.vendorid}`}
+            >
+              <Button>{t("bills.actions.edit")}</Button>
+            </Link>
+          )}
         </div>
       ),
     },
@@ -227,7 +238,7 @@ export function BillsListTableComponent({
           </Descriptions.Item>
         </Descriptions>
         <Button
-          disabled={record.is_credit_memo}
+          disabled={record.is_credit_memo || jobRO}
           onClick={() =>
             setPartsOrderContext({
               actions: {},
@@ -292,6 +303,7 @@ export function BillsListTableComponent({
             {job ? (
               <div>
                 <Button
+                  disabled={jobRO}
                   onClick={() => {
                     setBillEnterContext({
                       actions: { refetch: billsQuery.refetch },