Finalized read only job. Logic to detmerine what is read only outstanding. BOD-409

client/src/components/jobs-detail-labor/jobs-detail-labor.component.jsx

@@ -1,10 +1,20 @@
 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 LaborAllocationsTableComponent from "../labor-allocations-table/labor-allocations-table.component";
 import TimeTicketEnterButton from "../time-ticket-enter-button/time-ticket-enter-button.component";
 import TimeTicketList from "../time-ticket-list/time-ticket-list.component";
-import { useTranslation } from "react-i18next";
 
-export default function JobsDetailLaborContainer({
+const mapStateToProps = createStructuredSelector({
+  jobRO: selectJobReadOnly,
+});
+
+export default connect(mapStateToProps, null)(JobsDetailLaborContainer);
+
+export function JobsDetailLaborContainer({
+  jobRO,
   jobId,
   joblines,
   timetickets,
@@ -16,7 +26,11 @@ export default function JobsDetailLaborContainer({
   return (
     <div>
       {techConsole ? null : (
-        <TimeTicketEnterButton actions={{ refetch }} context={{ jobId: jobId }}>
+        <TimeTicketEnterButton
+          disabled={jobRO}
+          actions={{ refetch }}
+          context={{ jobId: jobId }}
+        >
           {t("timetickets.actions.enter")}
         </TimeTicketEnterButton>
       )}
@@ -29,6 +43,7 @@ export default function JobsDetailLaborContainer({
         timetickets={timetickets}
         refetch={refetch}
         techConsole={techConsole}
+        disabled={jobRO}
       />
     </div>
   );