30 lines
964 B
TypeScript
30 lines
964 B
TypeScript
import { Card, CardContent, Skeleton } from "poyraz-ui/atoms";
|
|
|
|
export default function AnalyticsLoading() {
|
|
return (
|
|
<div className="mx-auto flex max-w-7xl flex-col gap-6">
|
|
{/* Header */}
|
|
<div className="flex flex-col gap-4 border-b border-border pb-5 lg:flex-row lg:items-end lg:justify-between">
|
|
<div className="space-y-2">
|
|
<Skeleton className="h-4 w-20" />
|
|
<Skeleton className="h-9 w-72" />
|
|
<Skeleton className="mt-1 h-4 w-96" />
|
|
</div>
|
|
<Skeleton className="h-10 w-[160px]" />
|
|
</div>
|
|
|
|
{/* Charts */}
|
|
<div className="grid gap-6 lg:grid-cols-2">
|
|
{Array.from({ length: 2 }).map((_, i) => (
|
|
<Card key={i}>
|
|
<CardContent className="p-6">
|
|
<Skeleton className="mb-6 h-4 w-48" />
|
|
<Skeleton className="h-[300px] w-full rounded-md" />
|
|
</CardContent>
|
|
</Card>
|
|
))}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|