CLEANUP Schedule modal now using redux. Deleted manual schedule modal. To be incorporated into generic.

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

@@ -24,24 +24,25 @@ import BarcodePopup from "../barcode-popup/barcode-popup.component";
 import OwnerTagPopoverComponent from "../owner-tag-popover/owner-tag-popover.component";
 import VehicleTagPopoverComponent from "../vehicle-tag-popover/vehicle-tag-popover.component";
 import JobsDetailHeaderActions from "../jobs-detail-header-actions/jobs-detail-header-actions.component";
-
+import { setModalContext } from "../../redux/modals/modals.actions";
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop
 });
+const mapDispatchToProps = dispatch => ({
+  setScheduleContext: context =>
+    dispatch(setModalContext({ context: context, modal: "schedule" }))
+});
 
-export default connect(
-  mapStateToProps,
-  null
-)(function JobsDetailHeader({
+export function JobsDetailHeader({
   job,
   mutationConvertJob,
   refetch,
-  scheduleModalState,
+
   bodyshop,
-  updateJobStatus
+  updateJobStatus,
+  setScheduleContext
 }) {
   const { t } = useTranslation();
-  const setscheduleModalVisible = scheduleModalState[1];
 
   const tombstoneTitle = (
     <div>
@@ -74,7 +75,12 @@ export default connect(
       <Button
         //TODO Enabled logic based on status.
         onClick={() => {
-          setscheduleModalVisible(true);
+          setScheduleContext({
+            actions: { refetch: refetch },
+            context: {
+              jobId: job.id
+            }
+          });
         }}
       >
         {t("jobs.actions.schedule")}
@@ -163,4 +169,6 @@ export default connect(
       </Descriptions>
     </PageHeader>
   );
-});
+}
+
+export default connect(mapStateToProps, mapDispatchToProps)(JobsDetailHeader);