andwati/cymelle
1
0
Fork 0
mirror of https://github.com/andwati/cymelle.git synced 2026-11-14 12:35:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

deploying

Browse Source
This commit is contained in:
andwati
2026-06-13 18:12:53 +03:00
parent 0d98a060e7
commit 4a3db42971
171 changed files with 13003 additions and 810 deletions
Download Patch File Download Diff File Expand all files Collapse all files
orders-frontend/src/components/ui/LoadingState.tsx
+11 -8
View File
@@ -1,18 +1,21 @@
type LoadingStateProps = {
title?: string;
description?: string;
};
export function LoadingState({
title = "Loading",
description = "Fetching the latest data...",
}: LoadingStateProps) {
return (
<div className="rounded-xl border border-slate-200 bg-white p-8 text-center shadow-sm">
<div
className="mx-auto mb-4 h-8 w-8 animate-spin rounded-full border-4 border-slate-200 border-t-slate-900"/>
<h3 className="font-semibold text-slate-900">{title}</h3>
<p className="mt-1 text-sm text-slate-500">{description}</p>
<div className="rounded-lg border bg-card p-6 text-card-foreground shadow-sm" aria-label={title}>
<div className="space-y-3">
<div className="h-4 w-36 animate-pulse rounded-md bg-muted"/>
<div className="h-8 w-full animate-pulse rounded-md bg-muted"/>
<div className="grid gap-3 md:grid-cols-3">
<div className="h-16 animate-pulse rounded-md bg-muted"/>
<div className="h-16 animate-pulse rounded-md bg-muted"/>
<div className="h-16 animate-pulse rounded-md bg-muted"/>
</div>
</div>
</div>
);
}
}