Barazo default frontend
barazo.forum
1/**
2 * Admin loading state -- shown during admin route transitions.
3 * Matches the admin dashboard layout with stat card skeletons.
4 */
5
6export default function AdminLoading() {
7 return (
8 <div className="space-y-6">
9 {/* Page title skeleton */}
10 <div className="h-8 w-40 animate-pulse rounded-md bg-muted" />
11
12 {/* Stat cards skeleton */}
13 <div
14 className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4"
15 role="status"
16 aria-label="Loading admin dashboard"
17 >
18 {Array.from({ length: 4 }, (_, i) => (
19 <div key={i} className="rounded-lg border border-border bg-card p-4">
20 <div className="flex items-center justify-between">
21 <div className="h-10 w-10 animate-pulse rounded-md bg-muted" />
22 </div>
23 <div className="mt-3 h-7 w-16 animate-pulse rounded-md bg-muted" />
24 <div className="mt-1 h-4 w-24 animate-pulse rounded-md bg-muted" />
25 </div>
26 ))}
27 <span className="sr-only">Loading admin dashboard</span>
28 </div>
29 </div>
30 )
31}