🐛 Config Provider and context hook in edit service modal

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');

src/pages/_app.tsx

@@ -77,13 +77,13 @@ function App(this: any, props: AppProps & { colorScheme: ColorScheme }) {
               withNormalizeCSS
             >
               <NotificationsProvider limit={4} position="bottom-left">
+                <ConfigProvider>
                   <ModalsProvider
                     modals={{ editService: EditServiceModal, selectElement: SelectElementModal }}
                   >
-                  <ConfigProvider>
                     <Component {...pageProps} />
-                  </ConfigProvider>
                   </ModalsProvider>
+                </ConfigProvider>
               </NotificationsProvider>
             </MantineProvider>
           </ColorTheme.Provider>