From aae96a632b87f71da457f41b72bf411de6fc2360 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BE=90=E6=B6=9B?= <midnite@outlook.com>
Date: Wed, 8 Mar 2023 09:17:53 +0800
Subject: [PATCH] =?UTF-8?q?fix(layout):=E4=BF=AE=E5=A4=8D=E5=9F=BA?=
 =?UTF-8?q?=E6=9C=AC=E5=B8=83=E5=B1=80=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main.tsx | 25 +++++++++++--------------
 1 file changed, 11 insertions(+), 14 deletions(-)

diff --git a/src/main.tsx b/src/main.tsx
index 0d36a42..8e798f4 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -1,9 +1,11 @@
-import { NotificationsProvider } from "@mantine/notifications";
-import React, { FC, useState } from "react";
-import ReactDOM from "react-dom/client";
-import { RouterProvider } from "react-router-dom";
-import { appRouter } from "./router";
-import { useAppTheme } from "./theme";
+import { ColorScheme, ColorSchemeProvider, MantineProvider } from '@mantine/core';
+import { useColorScheme } from '@mantine/hooks';
+import { Notifications } from '@mantine/notifications';
+import React, { FC, useState } from 'react';
+import ReactDOM from 'react-dom/client';
+import { RouterProvider } from 'react-router-dom';
+import { appRouter } from './router';
+import { useAppTheme } from './theme';
 
 const AppMain: FC = () => {
   const preferredColorScheme = useColorScheme();
@@ -14,17 +16,12 @@ const AppMain: FC = () => {
     <React.StrictMode>
       <ColorSchemeProvider colorScheme={colorScheme} toggleColorScheme={setColorScheme}>
         <MantineProvider theme={theme} withGlobalStyles withNormalizeCSS>
-          <NotificationsProvider position="bottom-right" limit={5} zIndex={999}>
-            <RouterProvider router={appRouter} />
-          </NotificationsProvider>
+          <Notifications position="bottom-right" limit={5} zIndex={999} />
+          <RouterProvider router={appRouter} />
         </MantineProvider>
       </ColorSchemeProvider>
     </React.StrictMode>
   );
 };
 
-ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
-  <React.StrictMode>
-    <AppMain />
-  </React.StrictMode>
-);
+ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(<AppMain />);