i/next-ai-draw-io
1
0
Fork 0
mirror of https://github.com/DayuanJiang/next-ai-draw-io.git synced 2026-01-02 22:32:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor: Simplify Home component layout by integrating DiagramPageLayout functionality directly

Browse Source
This commit is contained in:
dayuan.jiang
2025-03-27 08:17:54 +00:00
parent 0a895fda1e
commit 008bb9d486
1 changed files with 18 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
app/page.tsx
View File

@@ -4,11 +4,11 @@ import { DrawIoEmbed } from "react-drawio";
import ChatPanel from "@/components/chat-panel"; import ChatPanel from "@/components/chat-panel";
import { DiagramProvider, useDiagram } from "@/contexts/diagram-context"; import { DiagramProvider, useDiagram } from "@/contexts/diagram-context";
// Internal layout component export default function Home() {
function DiagramPageLayout({ children }: { children: React.ReactNode }) {
const { drawioRef, handleDiagramExport } = useDiagram(); const { drawioRef, handleDiagramExport } = useDiagram();
return ( return (
<DiagramProvider>
<div className="flex h-screen bg-gray-100"> <div className="flex h-screen bg-gray-100">
<div className="w-2/3 p-1 h-full relative"> <div className="w-2/3 p-1 h-full relative">
<DrawIoEmbed <DrawIoEmbed
@@ -22,17 +22,10 @@ function DiagramPageLayout({ children }: { children: React.ReactNode }) {
}} }}
/> />
</div> </div>
<div className="w-1/3 h-full p-1">{children}</div> <div className="w-1/3 h-full p-1">
</div>
);
}
export default function Home() {
return (
<DiagramProvider>
<DiagramPageLayout>
<ChatPanel /> <ChatPanel />
</DiagramPageLayout> </div>
</div>
</DiagramProvider> </DiagramProvider>
); );
} }