fnvtk/users
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add Suspense fallback for useSearchParams in edit route

Browse Source 
Create loading.tsx to resolve deployment error.

Co-authored-by: null <4804959+fnvtk@users.noreply.github.com>
This commit is contained in:
v0
2025-08-08 07:21:05 +00:00
parent f0a6a364f2
commit 3443a1e50a
1 changed files with 37 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
app/workspace/moments-sync/[id]/edit/loading.tsx Normal file
View File

@@ -0,0 +1,37 @@
export default function Loading() {
return (
<main className="p-4 md:p-6" aria-busy="true" aria-live="polite">
<div className="space-y-6">
{/* Header skeleton */}
<div className="flex items-center justify-between">
<div className="space-y-2">
<div className="h-6 w-40 rounded bg-gray-200 dark:bg-gray-800 animate-pulse" />
<div className="h-4 w-64 rounded bg-gray-200 dark:bg-gray-800 animate-pulse" />
</div>
<div className="h-9 w-28 rounded bg-gray-200 dark:bg-gray-800 animate-pulse" />
</div>
{/* Step indicator skeleton */}
<div className="flex items-center gap-3">
<div className="h-8 w-24 rounded bg-gray-200 dark:bg-gray-800 animate-pulse" />
<div className="h-8 w-24 rounded bg-gray-200 dark:bg-gray-800 animate-pulse" />
<div className="h-8 w-24 rounded bg-gray-200 dark:bg-gray-800 animate-pulse" />
</div>
{/* Editor/Forms skeleton */}
<div className="grid grid-cols-1 lg:grid-cols-3 gap-6">
<section className="lg:col-span-2 space-y-4">
<div className="h-10 w-1/2 rounded bg-gray-200 dark:bg-gray-800 animate-pulse" />
<div className="h-40 rounded bg-gray-200 dark:bg-gray-800 animate-pulse" />
<div className="h-10 w-32 rounded bg-gray-200 dark:bg-gray-800 animate-pulse" />
</section>
<aside className="space-y-4">
<div className="h-6 w-24 rounded bg-gray-200 dark:bg-gray-800 animate-pulse" />
<div className="h-28 rounded bg-gray-200 dark:bg-gray-800 animate-pulse" />
<div className="h-28 rounded bg-gray-200 dark:bg-gray-800 animate-pulse" />
</aside>
</div>
</div>
</main>
)
}