From ad8d92e7eded992402d0accf7dedeae7dca1e9a9 Mon Sep 17 00:00:00 2001
From: Patrick Fic <snaptsoft@gmail.com>
Date: Wed, 23 Dec 2020 09:35:35 -0800
Subject: [PATCH] Added confirmation for prod list save button IO-477

---
 bodyshop_translations.babel                   |  2 +-
 ...tion-list-save-config-button.component.jsx | 21 ++++++++++++++-----
 client/src/translations/en_us/common.json     |  2 +-
 3 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/bodyshop_translations.babel b/bodyshop_translations.babel
index a877e68bb..8c489c2bd 100644
--- a/bodyshop_translations.babel
+++ b/bodyshop_translations.babel
@@ -1,4 +1,4 @@
-<babeledit_project be_version="2.7.1" version="1.2">
+<babeledit_project version="1.2" be_version="2.7.1">
     <!--
 
     BabelEdit project file
diff --git a/client/src/components/production-list-save-config-button/production-list-save-config-button.component.jsx b/client/src/components/production-list-save-config-button/production-list-save-config-button.component.jsx
index ef65de669..d58b81314 100644
--- a/client/src/components/production-list-save-config-button/production-list-save-config-button.component.jsx
+++ b/client/src/components/production-list-save-config-button/production-list-save-config-button.component.jsx
@@ -1,9 +1,9 @@
 import { useMutation } from "@apollo/react-hooks";
-import React from "react";
+import React, { useState } from "react";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { selectBodyshop } from "../../redux/user/user.selectors";
-import { Button } from "antd";
+import { Button, notification } from "antd";
 import { useTranslation } from "react-i18next";
 import { UPDATE_SHOP } from "../../graphql/bodyshop.queries";
 import { logImEXEvent } from "../../firebase/firebase.utils";
@@ -22,12 +22,13 @@ export function ProductionListSaveConfigButton({
   tableState,
 }) {
   const [updateShop] = useMutation(UPDATE_SHOP);
+  const [loading, setLoading] = useState(false);
   const { t } = useTranslation();
 
   const handleSaveConfig = async () => {
     logImEXEvent("production_save_config");
-
-    await updateShop({
+    setLoading(true);
+    const result = await updateShop({
       variables: {
         id: bodyshop.id,
         shop: {
@@ -40,10 +41,20 @@ export function ProductionListSaveConfigButton({
         },
       },
     });
+    if (!!!result.errors) {
+      notification["success"]({ message: t("bodyshop.successes.save") });
+    } else {
+      notification["error"]({
+        message: t("bodyshop.errors.saving", {
+          error: JSON.stringify(result.errors),
+        }),
+      });
+    }
+    setLoading(false);
   };
 
   return (
-    <Button onClick={() => handleSaveConfig()}>
+    <Button loading={loading} onClick={() => handleSaveConfig()}>
       {t("production.actions.saveconfig")}
     </Button>
   );
diff --git a/client/src/translations/en_us/common.json b/client/src/translations/en_us/common.json
index 8dfd770b0..7d20d4030 100644
--- a/client/src/translations/en_us/common.json
+++ b/client/src/translations/en_us/common.json
@@ -382,7 +382,7 @@
 				"speedprint": "Speed Print Configuration"
 			},
 			"successes": {
-				"save": "Bodyshop saved successfully. "
+				"save": "Shop configuration saved successfully. "
 			},
 			"validation": {
 				"useremailmustexist": "This email is not a valid user."