data-table-skeleton.tsx•610 B
import { Skeleton } from '@/components/ui/skeleton';
export function DataTableSkeleton({
skeletonRowCount = 10,
}: {
skeletonRowCount?: number;
}) {
return (
<div>
<div className="p-2">
{Array.from({ length: skeletonRowCount }).map((_, rowIndex) => (
<TableRowSkeleton key={rowIndex} />
))}
</div>
</div>
);
}
function TableRowSkeleton() {
return (
<div
id="table-loading"
className="w-full h-10 bg-gray-100 mb-4 dark:bg-gray-800 rounded-sm"
data-testid="header-cell"
>
<Skeleton className="w-full" />
</div>
);
}