From bb9baa6bb02b352317bafe414dc77380f58fc512 Mon Sep 17 00:00:00 2001
From: Samuel Rowe <samuelrowe1999@gmail.com>
Date: Mon, 1 Aug 2022 16:25:51 +0530
Subject: [PATCH] feat(frontend): updated to show success toasts for
 create/edit network modals

---
 .../frontend/src/components/Modal/network/index.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/services/frontend/src/components/Modal/network/index.tsx b/services/frontend/src/components/Modal/network/index.tsx
index 4832e3c..1340842 100644
--- a/services/frontend/src/components/Modal/network/index.tsx
+++ b/services/frontend/src/components/Modal/network/index.tsx
@@ -1,9 +1,9 @@
 import { useCallback, useState } from "react";
 import { XIcon } from "@heroicons/react/outline";
 import CreateNetworkModal from "./CreateNetworkModal";
-import { CallbackFunction } from "../../../types";
+import { CallbackFunction, IEditNetworkForm } from "../../../types";
 import EditNetworkModal from "./EditNetworkModal";
-import { attachUUID } from "../../../utils";
+import { attachUUID, toaster } from "../../../utils";
 import { getFinalValues } from "./form-utils";
 import EmptyNetworks from "./EmptyNetworks";
 import NetworkList from "./NetworkList";
@@ -37,7 +37,8 @@ const ModalNetwork = (props: IModalNetworkProps) => {
   } = props;
   const [selectedNetwork, setSelectedNetwork] = useState<any | null>();
   const [showCreate, setShowCreate] = useState(false);
-  const handleCreate = (values: any) => {
+
+  const handleCreate = (values: IEditNetworkForm) => {
     const finalValues = getFinalValues(values);
     const uniqueKey = attachUUID(finalValues.key);
     const network = {
@@ -46,12 +47,16 @@ const ModalNetwork = (props: IModalNetworkProps) => {
     };
     onCreateNetwork(network);
     setSelectedNetwork(network);
+
+    toaster(`Created "${values.entryName}" network successfully`, "success");
   };
 
-  const handleUpdate = (values: any) => {
+  const handleUpdate = (values: IEditNetworkForm) => {
     const finalValues = getFinalValues(values, selectedNetwork);
     onUpdateNetwork(finalValues);
     setSelectedNetwork(finalValues);
+
+    toaster(`Updated "${values.entryName}" network successfully`, "success");
   };
 
   const handleRemove = useCallback(