Added status changing information

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

@@ -24,7 +24,8 @@ export default function JobsDetailPage({
   mutationConvertJob,
   handleSubmit,
   refetch,
-  scheduleModalState
+  scheduleModalState,
+  updateJobStatus
 }) {
   const { t } = useTranslation();
 
@@ -55,6 +56,7 @@ export default function JobsDetailPage({
           refetch={refetch}
           handleSubmit={handleSubmit}
           scheduleModalState={scheduleModalState}
+          updateJobStatus={updateJobStatus}
         />
 
         {isFieldsTouched() ? (

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

@@ -7,7 +7,8 @@ import SpinComponent from "../../components/loading-spinner/loading-spinner.comp
 import {
   CONVERT_JOB_TO_RO,
   GET_JOB_BY_PK,
-  UPDATE_JOB
+  UPDATE_JOB,
+  UPDATE_JOB_STATUS
 } from "../../graphql/jobs.queries";
 import JobsDetailPage from "./jobs-detail.page.component";
 import JobDetailFormContext from "./jobs-detail.page.context";
@@ -24,7 +25,7 @@ function JobsDetailPageContainer({ match, form }) {
   });
   const [mutationUpdateJob] = useMutation(UPDATE_JOB);
   const [mutationConvertJob] = useMutation(CONVERT_JOB_TO_RO);
-
+  const [updateJobStatus] = useMutation(UPDATE_JOB_STATUS);
   useEffect(() => {
     document.title = loading
       ? t("titles.app")
@@ -74,6 +75,7 @@ function JobsDetailPageContainer({ match, form }) {
         getFieldDecorator={form.getFieldDecorator}
         refetch={refetch}
         scheduleModalState={scheduleModalState}
+        updateJobStatus={updateJobStatus}
       />
     </JobDetailFormContext.Provider>
   ) : (