loading.tsx
523 bytes
| 1 | import { Skeleton } from '@/components/ui/skeleton'; |
|---|---|
| 2 | |
| 3 | export default function Loading() { |
| 4 | return ( |
| 5 | <div className="container max-w-4xl space-y-8 py-10"> |
| 6 | <div className="flex flex-col items-center gap-3"> |
| 7 | <Skeleton className="h-8 w-64" /> |
| 8 | <Skeleton className="h-4 w-96 max-w-full" /> |
| 9 | </div> |
| 10 | <div className="grid gap-4 sm:grid-cols-2"> |
| 11 | {Array.from({ length: 2 }).map((_, i) => ( |
| 12 | <Skeleton key={i} className="h-40 w-full" /> |
| 13 | ))} |
| 14 | </div> |
| 15 | </div> |
| 16 | ); |
| 17 | } |
| 18 | |