19 lines
610 B
TypeScript
19 lines
610 B
TypeScript
import { Skeleton, SongCardSkeleton, PageHeaderSkeleton } from "@/components/ui/skeleton"
|
|
|
|
export default function SongsLoading() {
|
|
return (
|
|
<div className="flex flex-col gap-6">
|
|
<PageHeaderSkeleton />
|
|
|
|
{/* Search skeleton */}
|
|
<Skeleton className="h-10 w-full max-w-md" />
|
|
|
|
{/* Songs grid */}
|
|
<div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
|
|
{Array.from({ length: 16 }).map((_, i) => (
|
|
<SongCardSkeleton key={i} />
|
|
))}
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|