José Almeida
9c16d337a2
* feat(web): add app status bar * feat(web): add app status bar visibility toggle * feat(web): persist status bar item order * fix(web): refine app status bar behavior * fix(web): polish app status bar presentation * test(web): split plugin slot coverage groups * fix(web): address status surface review feedback * fix(web): stabilize status bar overlay tests
44 lines
1.3 KiB
TypeScript
44 lines
1.3 KiB
TypeScript
import { Skeleton } from "@kandev/ui/skeleton";
|
|
import {
|
|
ActivitySkeleton,
|
|
ChartsSkeleton,
|
|
OverviewCardsSkeleton,
|
|
RepoLeadersSkeleton,
|
|
RepositoriesSkeleton,
|
|
TopRepositoriesSkeleton,
|
|
WorkloadSkeleton,
|
|
} from "./stats-skeletons";
|
|
|
|
export default function StatsLoading() {
|
|
return (
|
|
<div className="flex h-full min-h-0 w-full flex-col bg-background">
|
|
<header className="flex items-center gap-3 p-4 pb-3 shrink-0">
|
|
<Skeleton className="h-8 w-16" />
|
|
<div className="flex items-center gap-2">
|
|
<Skeleton className="h-4 w-32" />
|
|
<Skeleton className="h-4 w-4" />
|
|
<Skeleton className="h-4 w-48" />
|
|
</div>
|
|
<div className="ml-auto flex items-center gap-2">
|
|
<Skeleton className="h-7 w-48" />
|
|
<Skeleton className="h-7 w-24" />
|
|
</div>
|
|
</header>
|
|
<div className="flex-1 overflow-auto">
|
|
<div className="max-w-7xl mx-auto p-6">
|
|
<div className="space-y-5">
|
|
<OverviewCardsSkeleton />
|
|
<Skeleton className="h-4 w-32" />
|
|
<ChartsSkeleton />
|
|
<ActivitySkeleton />
|
|
<RepositoriesSkeleton />
|
|
<TopRepositoriesSkeleton />
|
|
<RepoLeadersSkeleton />
|
|
<WorkloadSkeleton />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|