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

feat: implement shared LoadingModal component and integrate into dashboard route loading states

Browse Source
This commit is contained in:
Michael committed 2026-04-07 17:16:33 +02:00
1 parent 2264ced494
commit e8fb472a9f
10 files changed
+74 -195
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/app/(dashboard)/analytics/loading.tsx
+3 -28
View File
@@ -1,30 +1,5 @@
import LoadingModal from "@/components/shared/loading-modal";
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>
);
return <LoadingModal message="Chargement des données" subMessage="Récupération des statistiques analytiques..." />;
}