🐛 Config Provider and context hook in edit service modal

This commit is contained in:
Manuel Ruwe
2022-12-07 10:48:20 +01:00
parent 565cf6041a
commit be8f9f0dc7
2 changed files with 9 additions and 8 deletions

View File

@@ -61,8 +61,6 @@ export const EditServiceModal = ({
}); });
const onSubmit = (values: ServiceType) => { const onSubmit = (values: ServiceType) => {
console.log(values);
if (!configName) { if (!configName) {
return; return;
} }
@@ -71,6 +69,9 @@ export const EditServiceModal = ({
...previousConfig, ...previousConfig,
services: [...previousConfig.services.filter((x) => x.id !== form.values.id), form.values], 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'); const [activeTab, setActiveTab] = useState<EditServiceModalTab>('general');

View File

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