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

---
 services/frontend/src/components/Modal/service/Create.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/services/frontend/src/components/Modal/service/Create.tsx b/services/frontend/src/components/Modal/service/Create.tsx
index 688055d..f91a4f1 100644
--- a/services/frontend/src/components/Modal/service/Create.tsx
+++ b/services/frontend/src/components/Modal/service/Create.tsx
@@ -15,6 +15,8 @@ import { styled } from "@mui/joy";
 import Environment from "./Environment";
 import Deploy from "./Deploy";
 import { classNames } from "../../../utils/styles";
+import { toaster } from "../../../utils";
+import { reportErrorsAndSubmit } from "../../../utils/forms";
 
 interface IModalServiceProps {
   onHide: CallbackFunction;
@@ -60,6 +62,10 @@ const ModalServiceCreate = (props: IModalServiceProps) => {
       onAddEndpoint(result);
       formik.resetForm();
       onHide();
+      toaster(
+        `Created "${values.serviceName}" service successfully`,
+        "success"
+      );
     },
     [onAddEndpoint, onHide]
   );
@@ -137,7 +143,7 @@ const ModalServiceCreate = (props: IModalServiceProps) => {
                     <button
                       className="btn-util"
                       type="button"
-                      onClick={formik.submitForm}
+                      onClick={reportErrorsAndSubmit(formik)}
                     >
                       Add
                     </button>