Implemented rescheduling functionality on event BOD-167

client/src/components/schedule-event/schedule-event.container.jsx

@@ -10,27 +10,48 @@ export default function ScheduleEventContainer({ event, refetch }) {
   const [cancelAppointment] = useMutation(CANCEL_APPOINTMENT_BY_ID);
   const [updateJob] = useMutation(UPDATE_JOB);
   const handleCancel = async (id) => {
-    try {
-      await cancelAppointment({ variables: { appid: event.id } });
-      notification["success"]({
-        message: t("appointments.successes.canceled"),
-      });
+    const cancelAppt = await cancelAppointment({
+      variables: { appid: event.id },
+    });
+    notification["success"]({
+      message: t("appointments.successes.canceled"),
+    });
 
-      await updateJob({
-        variables: {
-          jobId: event.job.id,
-          job: {
-            date_scheduled: null,
-            scheduled_in: null,
-          },
-        },
+    if (!!cancelAppt.errors) {
+      notification["error"]({
+        message: t("appointments.errors.canceling", {
+          message: JSON.stringify(cancelAppt.errors),
+        }),
       });
-
-      if (refetch) refetch();
-    } catch (error) {
-      notification["error"]({ message: t("appointments.errors.canceling") });
+      return;
     }
+
+    const jobUpdate = await updateJob({
+      variables: {
+        jobId: event.job.id,
+        job: {
+          date_scheduled: null,
+          scheduled_in: null,
+        },
+      },
+    });
+    if (!!jobUpdate.errors) {
+      notification["error"]({
+        message: t("jobs.errors.updating", {
+          message: JSON.stringify(jobUpdate.errors),
+        }),
+      });
+      return;
+    }
+
+    if (refetch) refetch();
   };
 
-  return <ScheduleEventComponent event={event} handleCancel={handleCancel} />;
+  return (
+    <ScheduleEventComponent
+      event={event}
+      refetch={refetch}
+      handleCancel={handleCancel}
+    />
+  );
 }