F

src/layouts/AuthLayout/components/Menus.jsx

@@ -19,7 +19,7 @@ export default (props) => {
   // }, [location.pathname]);
   const selectedKeys = [location.pathname];
 
-
+console.log(theme)
   return (
     <Menu
       mode="inline"

src/layouts/AuthLayout/index.jsx

@@ -1,36 +1,36 @@
-import React from 'react'
-import { Spin, Layout } from 'antd'
-import HtmlTitle from './components/HtmlTitle'
+import React from "react";
+import { Spin, Layout } from "antd";
+import HtmlTitle from "./components/HtmlTitle";
 // import Main from './Main';
-import { useLocation, useNavigate } from 'react-router-dom'
-import { useModel } from '@/store'
+import { useLocation, useNavigate } from "react-router-dom";
+import { useModel } from "@/store";
 
-import SiderBar from './components/SiderBar'
-import Header from './components/Header'
-import Container from './components/Container'
-import { authRoutes } from '@/routes/routes'
-import { getMenuItems } from '@/routes/menus'
-import RequireLogin from './RequireLogin'
-import './style.less'
+import SiderBar from "./components/SiderBar";
+import Header from "./components/Header";
+import Container from "./components/Container";
+import { authRoutes } from "@/routes/routes";
+import { getMenuItems } from "@/routes/menus";
+import RequireLogin from "./RequireLogin";
+import "./style.less";
 
 const Spinner = () => (
   <div
     style={{
-      width: '100%',
-      height: '100%',
-      display: 'grid',
-      placeItems: 'center',
+      width: "100%",
+      height: "100%",
+      display: "grid",
+      placeItems: "center",
     }}
   >
     <Spin />
   </div>
-)
+);
 
 export default (props) => {
-  const { theme } = useModel('system')
-  const { user, menus } = useModel('user')
-  const navigate = useNavigate()
-  const location = useLocation()
+  const { theme } = useModel("system");
+  const { user, menus } = useModel("user");
+  const navigate = useNavigate();
+  const location = useLocation();
   // const menus = getMenuItems(authRoutes);
   // const RequireLogin = React.lazy(() => {
   //   return withLogin(import("./Main"));
@@ -42,15 +42,15 @@ export default (props) => {
       <HtmlTitle />
       {/* <React.Suspense fallback={<Spinner />}> */}
       <RequireLogin>
-        <Layout className={theme} style={{ height: '100vh' }}>
+        <Layout className={theme} style={{ height: "100vh" }}>
           <Header theme={theme} user={user} />
-          <Layout  style={{ height: 'calc(100vh - var(--header-height))' }}>
-            <SiderBar theme="light" menus={menus} location={location} />
+          <Layout style={{ height: "calc(100vh - var(--header-height))" }}>
+            <SiderBar theme={theme} menus={menus} location={location} />
             <Container location={location} />
           </Layout>
         </Layout>
       </RequireLogin>
       {/* </React.Suspense> */}
     </Spin>
-  )
-}
+  );
+};