STILL BROKEN: Refactored some forms to have bare functionality. Appears that v4 antd has extensive issues.

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

@@ -1,4 +1,4 @@
-import { Form, notification } from "antd";
+import { notification } from "antd";
 import React, { useEffect, useState } from "react";
 import { useMutation, useQuery } from "react-apollo";
 import { useTranslation } from "react-i18next";
@@ -11,9 +11,8 @@ import {
   UPDATE_JOB_STATUS
 } from "../../graphql/jobs.queries";
 import JobsDetailPage from "./jobs-detail.page.component";
-import JobDetailFormContext from "./jobs-detail.page.context";
 
-function JobsDetailPageContainer({ match, form }) {
+function JobsDetailPageContainer({ match }) {
   const { jobId } = match.params;
   const { t } = useTranslation();
 
@@ -52,49 +51,20 @@ function JobsDetailPageContainer({ match, form }) {
         });
   }, [loading, data, t, error]);
 
-  const handleSubmit = e => {
-    e.preventDefault();
-
-    form.validateFieldsAndScroll((err, values) => {
-      if (err) {
-        notification["error"]({
-          message: t("jobs.errors.validationtitle"),
-          description: t("jobs.errors.validation")
-        });
-      }
-      if (!err) {
-        mutationUpdateJob({
-          variables: { jobId: data.jobs_by_pk.id, job: values }
-        }).then(r => {
-          notification["success"]({
-            message: t("jobs.successes.savetitle")
-          });
-          refetch().then(r => form.resetFields());
-        });
-      }
-    });
-  };
-
   if (loading) return <SpinComponent />;
-  if (error) return <AlertComponent message={error.message} type='error' />;
+  if (error) return <AlertComponent message={error.message} type="error" />;
 
   return data.jobs_by_pk ? (
-    <JobDetailFormContext.Provider value={form}>
-      <JobsDetailPage
-        job={data.jobs_by_pk}
-        mutationUpdateJob={mutationUpdateJob}
-        mutationConvertJob={mutationConvertJob}
-        handleSubmit={handleSubmit}
-        getFieldDecorator={form.getFieldDecorator}
-        refetch={refetch}
-        scheduleModalState={scheduleModalState}
-        updateJobStatus={updateJobStatus}
-      />
-    </JobDetailFormContext.Provider>
+    <JobsDetailPage
+      job={data.jobs_by_pk}
+      mutationConvertJob={mutationConvertJob}
+      mutationUpdateJob={mutationUpdateJob}
+      refetch={refetch}
+      scheduleModalState={scheduleModalState}
+      updateJobStatus={updateJobStatus}
+    />
   ) : (
-    <AlertComponent message={t("jobs.errors.noaccess")} type='error' />
+    <AlertComponent message={t("jobs.errors.noaccess")} type="error" />
   );
 }
-export default Form.create({ name: "JobsDetailPageContainer" })(
-  JobsDetailPageContainer
-);
+export default JobsDetailPageContainer;