monoid/ionian
1
0
Fork 0
Code Issues 9 Pull Requests Projects Releases Wiki Activity

Refactor TaskQueuePage to use lazy loading and suspense

Browse Source
This commit is contained in:
monoid 2024-10-13 02:08:12 +09:00
parent f543ad1cf4
commit 1e3701e37c
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/client/src/page/taskQueuePage.tsx
View File

@ -1,9 +1,13 @@
import DynamicWorkQueue from "@/components/gallery/WorkQueue"; import { lazy, Suspense } from 'react';
export default function TaskQueuePage(){ const DynamicWorkQueue = lazy(() => import('@/components/gallery/WorkQueue'));
export default function TaskQueuePage() {
return ( return (
<div> <div>
<DynamicWorkQueue /> <Suspense fallback={<div>Loading...</div>}>
<DynamicWorkQueue />
</Suspense>
</div> </div>
) );
} }