From 5193b723a476b6b1f76e099fc547907da80ec94c Mon Sep 17 00:00:00 2001
From: mihaic195 <mihai@sortlist.com>
Date: Fri, 13 Aug 2021 12:48:20 +0300
Subject: [PATCH] fix: add success modal on event-type update

---
 pages/event-types/[type].tsx | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/pages/event-types/[type].tsx b/pages/event-types/[type].tsx
index de360693cd..8a28f4bcf3 100644
--- a/pages/event-types/[type].tsx
+++ b/pages/event-types/[type].tsx
@@ -2,6 +2,7 @@ import { GetServerSideProps } from "next";
 import Head from "next/head";
 import Link from "next/link";
 import { useRouter } from "next/router";
+import Modal from "../../components/Modal";
 import React, { useEffect, useRef, useState } from "react";
 import Select, { OptionBase } from "react-select";
 import prisma from "@lib/prisma";
@@ -104,6 +105,7 @@ export default function EventTypePage({
   availability,
 }: Props): JSX.Element {
   const router = useRouter();
+  const [successModalOpen, setSuccessModalOpen] = useState(false);
 
   const inputOptions: OptionBase[] = [
     { value: EventTypeCustomInputType.Text, label: "Text" },
@@ -235,7 +237,7 @@ export default function EventTypePage({
       },
     });
 
-    router.push("/event-types");
+    setSuccessModalOpen(true);
   }
 
   async function deleteEventTypeHandler(event) {
@@ -268,6 +270,10 @@ export default function EventTypePage({
     setSelectedCustomInput(undefined);
   };
 
+  const closeSuccessModal = () => {
+    setSuccessModalOpen(false);
+  };
+
   const updateLocations = (e) => {
     e.preventDefault();
 
@@ -850,6 +856,12 @@ export default function EventTypePage({
                   </button>
                 </div>
               </form>
+              <Modal
+                heading="Event Type updated successfully"
+                description="Your event type has been updated successfully."
+                open={successModalOpen}
+                handleClose={closeSuccessModal}
+              />
             </div>
           </div>
           <div className="w-full sm:w-2/12 ml-2 px-4 mt-8 sm:mt-0 min-w-32">