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: Move DiagramProvider to RootLayout for improved context management

Browse Source
This commit is contained in:
dayuan.jiang
2025-03-27 08:24:17 +00:00
parent 008bb9d486
commit bc7ef5c5d4
2 changed files with 21 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/layout.tsx
View File

@@ -1,6 +1,8 @@
import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import { Analytics } from "@vercel/analytics/react";
import { DiagramProvider } from "@/contexts/diagram-context";
import "./globals.css";
const geistSans = Geist({
@@ -28,7 +30,8 @@ export default function RootLayout({
<body
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
>
{children}
<DiagramProvider>{children}</DiagramProvider>
<Analytics />
</body>
</html>

36
app/page.tsx
View File

@@ -2,30 +2,28 @@
import React from "react";
import { DrawIoEmbed } from "react-drawio";
import ChatPanel from "@/components/chat-panel";
import { DiagramProvider, useDiagram } from "@/contexts/diagram-context";
import { useDiagram } from "@/contexts/diagram-context";
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
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 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>
</DiagramProvider>
<div className="w-1/3 h-full p-1">
<ChatPanel />
</div>
</div>
);
}