IO-863 Fix calendar month view.

client/src/components/job-at-change/schedule-event.container.jsx

@@ -0,0 +1,63 @@
+import { useMutation } from "@apollo/client";
+import { notification } from "antd";
+import React from "react";
+import { useTranslation } from "react-i18next";
+import { logImEXEvent } from "../../firebase/firebase.utils";
+import { CANCEL_APPOINTMENT_BY_ID } from "../../graphql/appointments.queries";
+import { UPDATE_JOB } from "../../graphql/jobs.queries";
+import ScheduleEventComponent from "./schedule-event.component";
+
+export default function ScheduleEventContainer({ bodyshop, event, refetch }) {
+  const { t } = useTranslation();
+  const [cancelAppointment] = useMutation(CANCEL_APPOINTMENT_BY_ID);
+  const [updateJob] = useMutation(UPDATE_JOB);
+  const handleCancel = async (id) => {
+    logImEXEvent("schedule_cancel_appt");
+
+    const cancelAppt = await cancelAppointment({
+      variables: { appid: event.id },
+    });
+    notification["success"]({
+      message: t("appointments.successes.canceled"),
+    });
+
+    if (!!cancelAppt.errors) {
+      notification["error"]({
+        message: t("appointments.errors.canceling", {
+          message: JSON.stringify(cancelAppt.errors),
+        }),
+      });
+      return;
+    }
+
+    const jobUpdate = await updateJob({
+      variables: {
+        jobId: event.job.id,
+
+        job: {
+          date_scheduled: null,
+          scheduled_in: null,
+          status: bodyshop.md_ro_statuses.default_imported,
+        },
+      },
+    });
+    if (!!jobUpdate.errors) {
+      notification["error"]({
+        message: t("jobs.errors.updating", {
+          message: JSON.stringify(jobUpdate.errors),
+        }),
+      });
+      return;
+    }
+
+    if (refetch) refetch();
+  };
+
+  return (
+    <ScheduleEventComponent
+      event={event}
+      refetch={refetch}
+      handleCancel={handleCancel}
+    />
+  );
+}