Baseline adding a job to the schedule.

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

@@ -16,13 +16,15 @@ import JobsDocumentsContainer from "../../components/jobs-documents/jobs-documen
 import JobNotesContainer from "../../components/jobs-notes/jobs-notes.container";
 import JobDetailFormContext from "./jobs-detail.page.context";
 import JobsDetailDatesComponent from "../../components/jobs-detail-dates/jobs-detail-dates.component";
+import ScheduleJobModalContainer from "../../components/schedule-job-modal/schedule-job-modal.container";
 
 export default function JobsDetailPage({
   job,
   mutationUpdateJob,
   mutationConvertJob,
   handleSubmit,
-  refetch
+  refetch,
+  scheduleModalState
 }) {
   const { t } = useTranslation();
 
@@ -41,12 +43,18 @@ export default function JobsDetailPage({
 
   return (
     <div>
+      <ScheduleJobModalContainer
+        scheduleModalState={scheduleModalState}
+        jobId={job.id}
+      />
+
       <Form onSubmit={handleSubmit} {...formItemLayout} autoComplete={"off"}>
         <JobsDetailHeader
           job={job}
           mutationConvertJob={mutationConvertJob}
           refetch={refetch}
           handleSubmit={handleSubmit}
+          scheduleModalState={scheduleModalState}
         />
 
         {isFieldsTouched() ? (

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

@@ -1,5 +1,5 @@
 import { Form, notification } from "antd";
-import React, { useEffect } from "react";
+import React, { useEffect, useState } from "react";
 import { useMutation, useQuery } from "react-apollo";
 import { useTranslation } from "react-i18next";
 import AlertComponent from "../../components/alert/alert.component";
@@ -16,6 +16,8 @@ function JobsDetailPageContainer({ match, form }) {
   const { jobId } = match.params;
   const { t } = useTranslation();
 
+  const scheduleModalState = useState(false);
+
   const { loading, error, data, refetch } = useQuery(GET_JOB_BY_PK, {
     variables: { id: jobId },
     fetchPolicy: "network-only"
@@ -71,6 +73,7 @@ function JobsDetailPageContainer({ match, form }) {
         handleSubmit={handleSubmit}
         getFieldDecorator={form.getFieldDecorator}
         refetch={refetch}
+        scheduleModalState={scheduleModalState}
       />
     </JobDetailFormContext.Provider>
   ) : (