Add ModalsProvider to the App

This commit is contained in:
ajnart
2022-08-07 12:14:37 +02:00
parent 13d70cf0fd
commit 8abf2af212

View File

@@ -6,6 +6,7 @@ import Head from 'next/head';
import { MantineProvider, ColorScheme, ColorSchemeProvider, MantineTheme } from '@mantine/core'; import { MantineProvider, ColorScheme, ColorSchemeProvider, MantineTheme } from '@mantine/core';
import { NotificationsProvider } from '@mantine/notifications'; import { NotificationsProvider } from '@mantine/notifications';
import { useHotkeys } from '@mantine/hooks'; import { useHotkeys } from '@mantine/hooks';
import { ModalsProvider } from '@mantine/modals';
import { ConfigProvider } from '../tools/state'; import { ConfigProvider } from '../tools/state';
import { theme } from '../tools/theme'; import { theme } from '../tools/theme';
import { styles } from '../tools/styles'; import { styles } from '../tools/styles';
@@ -56,9 +57,11 @@ export default function App(this: any, props: AppProps & { colorScheme: ColorSch
withNormalizeCSS withNormalizeCSS
> >
<NotificationsProvider limit={4} position="bottom-left"> <NotificationsProvider limit={4} position="bottom-left">
<ModalsProvider>
<ConfigProvider> <ConfigProvider>
<Component {...pageProps} /> <Component {...pageProps} />
</ConfigProvider> </ConfigProvider>
</ModalsProvider>
</NotificationsProvider> </NotificationsProvider>
</MantineProvider> </MantineProvider>
</ColorTheme.Provider> </ColorTheme.Provider>