From 7cfe6aa143574a9843f1f60b2dbc829b87691f68 Mon Sep 17 00:00:00 2001
From: Hao OUYANG <houyang667@connect.hkust-gz.edu.cn>
Date: Wed, 22 Jul 2026 22:12:58 +0800
Subject: [PATCH] =?UTF-8?q?fix(canvas):=20=E9=A1=B9=E7=9B=AE=E5=88=A0?=
 =?UTF-8?q?=E9=99=A4=20-=20=E8=AE=A9=E4=B8=BB=E9=A1=B5=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E7=A1=AE=E8=AE=A4=E5=BC=B9=E7=AA=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/layouts/user-layout.tsx | 2 ++
 web/src/pages/canvas/index.tsx  | 2 --
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/layouts/user-layout.tsx b/web/src/layouts/user-layout.tsx
index 557e427ca..16408c077 100644
--- a/web/src/layouts/user-layout.tsx
+++ b/web/src/layouts/user-layout.tsx
@@ -1,5 +1,6 @@
 import type { ReactNode } from "react";
 
+import { CanvasDeleteProjectsDialog } from "@/components/canvas/canvas-delete-projects-dialog";
 import { AppTopNav } from "@/components/layout/app-top-nav";
 
 export default function UserLayout({ children }: { children: ReactNode }) {
@@ -7,6 +8,7 @@ export default function UserLayout({ children }: { children: ReactNode }) {
         <div className="app-user-workspace flex h-dvh flex-col overflow-hidden text-foreground">
             <AppTopNav />
             <div className="relative min-h-0 flex-1 overflow-hidden">{children}</div>
+            <CanvasDeleteProjectsDialog />
         </div>
     );
 }
diff --git a/web/src/pages/canvas/index.tsx b/web/src/pages/canvas/index.tsx
index 2328ea709..f31a60184 100644
--- a/web/src/pages/canvas/index.tsx
+++ b/web/src/pages/canvas/index.tsx
@@ -8,7 +8,6 @@ import { CollectionGrid, ListToolbar, PageHeader, PaginationBar, WorkspacePage }
 import { readZip } from "@/lib/zip";
 import { setMediaBlob } from "@/services/file-storage";
 import { setImageBlob } from "@/services/image-storage";
-import { CanvasDeleteProjectsDialog } from "@/components/canvas/canvas-delete-projects-dialog";
 import { CanvasProjectCard } from "@/components/canvas/canvas-project-card";
 import type { CanvasExportFile } from "@/types/canvas-export";
 import { useCanvasStore } from "@/stores/canvas/use-canvas-store";
@@ -140,7 +139,6 @@ export default function CanvasPage() {
                 <PaginationBar current={page} pageSize={pageSize} total={filteredProjects.length} pageSizeOptions={[12, 24, 48]} onChange={(nextPage, nextPageSize) => { setPage(nextPageSize !== pageSize ? 1 : nextPage); setPageSize(nextPageSize); }} />
 
                 <input ref={inputRef} type="file" accept="application/zip,.zip" className="hidden" onChange={(event) => void importCanvas(event.target.files?.[0])} />
-                <CanvasDeleteProjectsDialog />
         </WorkspacePage>
     );
 }