refactor: Simplify Home component layout by integrating DiagramPageLayout functionality directly

This commit is contained in:
dayuan.jiang
2025-03-27 08:17:54 +00:00
parent 0a895fda1e
commit 008bb9d486

View File

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