CC Conversion Corrections IO-463

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

@@ -1,7 +1,7 @@
 import { useMutation, useQuery } from "@apollo/react-hooks";
 import { Form, notification } from "antd";
 import moment from "moment";
-import React, { useEffect } from "react";
+import React, { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { useParams } from "react-router-dom";
@@ -35,6 +35,7 @@ export function ContractDetailPageContainer({
 }) {
   const { t } = useTranslation();
   const [updateContract] = useMutation(UPDATE_CONTRACT);
+  const [saveLoading, setsaveLoading] = useState(false);
   const [form] = Form.useForm();
   const { contractId } = useParams();
 
@@ -95,6 +96,7 @@ export function ContractDetailPageContainer({
   ]);
 
   const handleFinish = async (values) => {
+    setsaveLoading(true);
     const result = await updateContract({
       variables: { cccontract: { ...values }, contractId: contractId },
     });
@@ -108,6 +110,8 @@ export function ContractDetailPageContainer({
     }
     notification["success"]({ message: t("contracts.successes.saved") });
     if (refetch) await refetch();
+    setsaveLoading(false);
+
     form.resetFields();
     form.resetFields();
   };
@@ -160,6 +164,7 @@ export function ContractDetailPageContainer({
             courtesyCar={data ? data.cccontracts_by_pk.courtesycar : null}
             refetch={refetch}
             form={form}
+            saveLoading={saveLoading}
           />
         </Form>
       </div>