CodeSandBox/monaco-editor-lsp-next
2
0
Fork 0
mirror of https://github.com/cfngc4594/monaco-editor-lsp-next.git synced 2025-05-18 15:26:36 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(playground): add AI panel to problem layout

Browse Source
This commit is contained in:
cfngc4594 2025-03-24 19:55:17 +08:00
parent 599d44b341
commit da92cd49bc
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/(app)/problems/[id]/layout.tsx
View File

@ -13,6 +13,7 @@ interface PlaygroundLayoutProps {
problem: React.ReactNode;
workspace: React.ReactNode;
terminal: React.ReactNode;
ai: React.ReactNode;
}
export default async function PlaygroundLayout({
@ -20,6 +21,7 @@ export default async function PlaygroundLayout({
problem,
workspace,
terminal,
ai,
}: PlaygroundLayoutProps) {
const { id } = await params;
@ -54,11 +56,11 @@ export default async function PlaygroundLayout({
<PlaygroundHeader />
<main className="flex flex-grow overflow-y-hidden p-2.5 pt-0">
<ResizablePanelGroup direction="horizontal" className="relative h-full flex">
<ResizablePanel defaultSize={50} className="border border-muted rounded-xl min-w-9">
<ResizablePanel defaultSize={30} className="border border-muted rounded-xl min-w-9">
{problem}
</ResizablePanel>
<ResizableHandle className="mx-1 bg-transparent hover:bg-blue-500" />
<ResizablePanel defaultSize={50} className="min-w-9">
<ResizablePanel defaultSize={40} className="min-w-9">
<ResizablePanelGroup direction="vertical">
<ResizablePanel defaultSize={50} className="border border-muted rounded-xl min-h-9">
{workspace}
@ -69,6 +71,10 @@ export default async function PlaygroundLayout({
</ResizablePanel>
</ResizablePanelGroup>
</ResizablePanel>
<ResizableHandle className="mx-1 bg-transparent hover:bg-blue-500" />
<ResizablePanel defaultSize={30} className="border border-muted rounded-xl min-w-9">
{ai}
</ResizablePanel>
</ResizablePanelGroup>
</main>
</ProblemStoreProvider>