Added void status to shop info BOD-195

client/src/components/shop-info/shop-info.container.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect } from "react";
+import React, { useEffect, useState } from "react";
 import ShopInfoComponent from "./shop-info.component";
 import { Form, notification } from "antd";
 import { useQuery, useMutation } from "@apollo/react-hooks";
@@ -11,13 +11,14 @@ import { logImEXEvent } from "../../firebase/firebase.utils";
 export default function ShopInfoContainer() {
   const [form] = Form.useForm();
   const { t } = useTranslation();
+  const [saveLoading, setSaveLoading] = useState(false);
   const [updateBodyshop] = useMutation(UPDATE_SHOP);
   const { loading, error, data, refetch } = useQuery(QUERY_BODYSHOP, {
     fetchPolicy: "network-only",
   });
 
   const handleFinish = (values) => {
-    console.log("values", values);
+    setSaveLoading(true);
     logImEXEvent("shop_update");
 
     updateBodyshop({
@@ -32,13 +33,14 @@ export default function ShopInfoContainer() {
           message: t("bodyshop.errors.saving", { message: error }),
         });
       });
+    setSaveLoading(false);
   };
 
   useEffect(() => {
     if (data) form.resetFields();
   }, [form, data]);
 
-  if (error) return <AlertComponent message={error.message} type="error" />;
+  if (error) return <AlertComponent message={error.message} type='error' />;
   if (loading) return <LoadingSpinner />;
   return (
     <Form
@@ -46,9 +48,8 @@ export default function ShopInfoContainer() {
       layout='vertical'
       autoComplete='new-password'
       onFinish={handleFinish}
-      initialValues={data ? data.bodyshops[0] : null}
-    >
-      <ShopInfoComponent form={form} />
+      initialValues={data ? data.bodyshops[0] : null}>
+      <ShopInfoComponent form={form} saveLoading={saveLoading} />
     </Form>
   );
 }