From b269fb7e99ca1978061796b91123ae5bba11f5dc Mon Sep 17 00:00:00 2001
From: Samuel Rowe <samuelrowe1999@gmail.com>
Date: Mon, 1 Aug 2022 16:21:34 +0530
Subject: [PATCH] feat(frontend): updated to show toasts in edit service modal

---
 services/frontend/src/components/Modal/service/Edit.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/services/frontend/src/components/Modal/service/Edit.tsx b/services/frontend/src/components/Modal/service/Edit.tsx
index b42c10a..31d8f12 100644
--- a/services/frontend/src/components/Modal/service/Edit.tsx
+++ b/services/frontend/src/components/Modal/service/Edit.tsx
@@ -15,6 +15,8 @@ import Environment from "./Environment";
 import Build from "./Build";
 import Deploy from "./Deploy";
 import { classNames } from "../../../utils/styles";
+import { toaster } from "../../../utils";
+import { reportErrorsAndSubmit } from "../../../utils/forms";
 
 export interface IModalServiceProps {
   node: IServiceNodeItem;
@@ -29,6 +31,7 @@ const ModalServiceEdit = (props: IModalServiceProps) => {
 
   const handleUpdate = (values: any) => {
     onUpdateEndpoint(getFinalValues(values, selectedNode));
+    toaster(`Updated "${values.serviceName}" service successfully`, "success");
   };
 
   const initialValues = useMemo(
@@ -112,9 +115,7 @@ const ModalServiceEdit = (props: IModalServiceProps) => {
                       <button
                         className="btn-util"
                         type="button"
-                        onClick={() => {
-                          formik.submitForm();
-                        }}
+                        onClick={reportErrorsAndSubmit(formik)}
                       >
                         Save
                       </button>