From be8f9f0dc722d89503d2790497bdb0ac0c8f7273 Mon Sep 17 00:00:00 2001
From: Manuel Ruwe <manuel.ruwe@bluewin.ch>
Date: Wed, 7 Dec 2022 10:48:20 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Config=20Provider=20and=20contex?=
 =?UTF-8?q?t=20hook=20in=20edit=20service=20modal?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Modals/EditService/EditServiceModal.tsx          |  5 +++--
 src/pages/_app.tsx                                   | 12 ++++++------
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/components/Dashboard/Modals/EditService/EditServiceModal.tsx b/src/components/Dashboard/Modals/EditService/EditServiceModal.tsx
index 2edea1680..063f0a53b 100644
--- a/src/components/Dashboard/Modals/EditService/EditServiceModal.tsx
+++ b/src/components/Dashboard/Modals/EditService/EditServiceModal.tsx
@@ -61,8 +61,6 @@ export const EditServiceModal = ({
   });
 
   const onSubmit = (values: ServiceType) => {
-    console.log(values);
-
     if (!configName) {
       return;
     }
@@ -71,6 +69,9 @@ export const EditServiceModal = ({
       ...previousConfig,
       services: [...previousConfig.services.filter((x) => x.id !== form.values.id), form.values],
     }));
+
+    // also close the parent modal
+    context.closeAll();
   };
 
   const [activeTab, setActiveTab] = useState<EditServiceModalTab>('general');
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index ff22d4530..18ad03e37 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -77,13 +77,13 @@ function App(this: any, props: AppProps & { colorScheme: ColorScheme }) {
               withNormalizeCSS
             >
               <NotificationsProvider limit={4} position="bottom-left">
-                <ModalsProvider
-                  modals={{ editService: EditServiceModal, selectElement: SelectElementModal }}
-                >
-                  <ConfigProvider>
+                <ConfigProvider>
+                  <ModalsProvider
+                    modals={{ editService: EditServiceModal, selectElement: SelectElementModal }}
+                  >
                     <Component {...pageProps} />
-                  </ConfigProvider>
-                </ModalsProvider>
+                  </ModalsProvider>
+                </ConfigProvider>
               </NotificationsProvider>
             </MantineProvider>
           </ColorTheme.Provider>