OrgTJWater/TJWaterFrontend_Refine
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(layout): hide default dashboard

Browse Source
This commit is contained in:
jiang
2026-06-12 12:42:19 +08:00
parent bb7311589c
commit 757eea49de
4 changed files with 47 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/(main)/layout.tsx
+2
View File
@@ -6,6 +6,7 @@ import authOptions from "@app/api/auth/[...nextauth]/options";
import { Header } from "@components/header"; import { Header } from "@components/header";
import { Title } from "@components/title"; import { Title } from "@components/title";
import { MapSkeleton } from "@components/loading/MapSkeleton"; import { MapSkeleton } from "@components/loading/MapSkeleton";
import { AppSider } from "@components/sider/AppSider";
import { ThemedLayout } from "@refinedev/mui"; import { ThemedLayout } from "@refinedev/mui";
import { getServerSession } from "next-auth/next"; import { getServerSession } from "next-auth/next";
import { redirect } from "next/navigation"; import { redirect } from "next/navigation";
@@ -35,6 +36,7 @@ export default async function MainLayout({
<ThemedLayout <ThemedLayout
Header={Header} Header={Header}
Title={Title} Title={Title}
Sider={AppSider}
childrenBoxProps={{ childrenBoxProps={{
sx: { height: "100vh", p: 0 }, sx: { height: "100vh", p: 0 },
}} }}
src/app/layout.tsx
+4 -1
View File
@@ -3,6 +3,7 @@ import { cookies } from "next/headers";
import React, { Suspense } from "react"; import React, { Suspense } from "react";
import { RefineContext } from "./_refine_context"; import { RefineContext } from "./_refine_context";
import { META_DATA } from "@config/config"; import { META_DATA } from "@config/config";
import { DevtoolsProvider } from "@providers/devtools";
export const metadata: Metadata = META_DATA; export const metadata: Metadata = META_DATA;
@@ -19,7 +20,9 @@ export default async function RootLayout({
<html lang="en"> <html lang="en">
<body> <body>
<Suspense> <Suspense>
<RefineContext defaultMode={defaultMode}>{children}</RefineContext> <DevtoolsProvider>
<RefineContext defaultMode={defaultMode}>{children}</RefineContext>
</DevtoolsProvider>
</Suspense> </Suspense>
</body> </body>
</html> </html>
src/components/sider/AppSider.tsx
+17
View File
@@ -0,0 +1,17 @@
"use client";
import { ThemedSider, type RefineThemedLayoutSiderProps } from "@refinedev/mui";
export const AppSider: React.FC<RefineThemedLayoutSiderProps> = (props) => {
return (
<ThemedSider
{...props}
render={({ items, logout }) => (
<>
{items}
{logout}
</>
)}
/>
);
};
src/providers/devtools/index.tsx
+24 -9
View File
@@ -1,16 +1,31 @@
"use client"; "use client";
import { import React, { Suspense } from "react";
DevtoolsPanel,
DevtoolsProvider as DevtoolsProviderBase, const RefineDevtools = React.lazy(async () => {
} from "@refinedev/devtools"; const { DevtoolsPanel, DevtoolsProvider: DevtoolsProviderBase } =
import React from "react"; await import("@refinedev/devtools");
return {
default: (props: React.PropsWithChildren) => (
<DevtoolsProviderBase>
{props.children}
<DevtoolsPanel />
</DevtoolsProviderBase>
),
};
});
export const DevtoolsProvider = (props: React.PropsWithChildren) => { export const DevtoolsProvider = (props: React.PropsWithChildren) => {
if (process.env.NODE_ENV !== "development") {
return <>{props.children}</>;
}
return ( return (
<DevtoolsProviderBase> <Suspense fallback={props.children}>
{props.children} <RefineDevtools>
<DevtoolsPanel /> {props.children}
</DevtoolsProviderBase> </RefineDevtools>
</Suspense>
); );
}; };