Add reusable Skeleton components and route-level loading files across public pages and admin lists so layouts stay stable while data loads. Co-authored-by: Cursor <cursoragent@cursor.com>
17 lines
544 B
TypeScript
17 lines
544 B
TypeScript
import { Skeleton, FaqListSkeleton } from '@/components/ui/Skeleton';
|
|
|
|
// Route-level skeleton for the FAQ page: centered header + accordion rows.
|
|
export default function FaqLoading() {
|
|
return (
|
|
<div className="section-padding">
|
|
<div className="container-page max-w-3xl">
|
|
<div className="text-center mb-12">
|
|
<Skeleton className="h-10 w-80 max-w-full mx-auto" />
|
|
<Skeleton className="mt-4 h-4 w-96 max-w-full mx-auto" />
|
|
</div>
|
|
<FaqListSkeleton count={6} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|