3443a1e50a
Create loading.tsx to resolve deployment error. Co-authored-by: null <4804959+fnvtk@users.noreply.github.com>
38 lines
1.7 KiB
TypeScript
38 lines
1.7 KiB
TypeScript
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>
|
|
)
|
|
}
|