mirror of
https://github.com/DayuanJiang/next-ai-draw-io.git
synced 2026-01-02 22:32:27 +08:00
refactor: Simplify Home component layout by integrating DiagramPageLayout functionality directly
This commit is contained in:
17
app/page.tsx
17
app/page.tsx
@@ -4,11 +4,11 @@ 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 (
|
||||
<DiagramProvider>
|
||||
<div className="flex h-screen bg-gray-100">
|
||||
<div className="w-2/3 p-1 h-full relative">
|
||||
<DrawIoEmbed
|
||||
@@ -22,17 +22,10 @@ function DiagramPageLayout({ children }: { children: React.ReactNode }) {
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div className="w-1/3 h-full p-1">{children}</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
<DiagramProvider>
|
||||
<DiagramPageLayout>
|
||||
<div className="w-1/3 h-full p-1">
|
||||
<ChatPanel />
|
||||
</DiagramPageLayout>
|
||||
</div>
|
||||
</div>
|
||||
</DiagramProvider>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user