Michael/CollectFlow
1
0 Fork 0
mirror of https://github.com/R0m1k3/CollectFlow.git synced 2026-10-19 13:08:11 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: implement dashboard page and add loading skeletons for all dashboard modules

Browse Source
This commit is contained in:
Michael committed 2026-04-03 07:12:15 +02:00
1 parent b39e010903
commit a4debe992b
8 files changed
+158 -2
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/app/(dashboard)/analytics/loading.tsx
+30
View File
@@ -0,0 +1,30 @@
export default function AnalyticsLoading() {
return (
<div className="flex flex-col gap-6 animate-pulse">
{/* Header */}
<div className="flex items-center justify-between">
<div className="h-7 w-40 rounded-lg bg-[var(--bg-elevated)]" />
<div className="flex gap-2">
<div className="h-9 w-32 rounded-lg bg-[var(--bg-elevated)]" />
<div className="h-9 w-32 rounded-lg bg-[var(--bg-elevated)]" />
</div>
</div>
{/* Filter bar */}
<div className="h-12 rounded-xl bg-[var(--bg-elevated)] border border-[var(--border)]" />
{/* Table skeleton */}
<div className="rounded-2xl border border-[var(--border)] overflow-hidden bg-[var(--bg-elevated)]">
<div className="h-10 bg-[var(--bg-base)] border-b border-[var(--border)]" />
{Array.from({ length: 8 }).map((_, i) => (
<div key={i} className="h-10 border-b border-[var(--border)] flex items-center px-4 gap-4">
<div className="h-3 w-32 rounded bg-[var(--border)]" />
<div className="h-3 w-20 rounded bg-[var(--border)]" />
<div className="h-3 w-20 rounded bg-[var(--border)]" />
<div className="h-3 w-16 rounded bg-[var(--border)]" />
</div>
))}
</div>
</div>
);
}