git.gladyson/openmonetis
1
0
Fork 1
mirror of https://github.com/felipegcoutinho/openmonetis.git synced 2026-05-10 03:11:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: atualiza loadings e skeletons do dashboard

Browse Source
This commit is contained in:
Felipe Coutinho
2026-03-15 23:23:53 +00:00
parent e84becd1cd
commit 1823b6be56
23 changed files with 292 additions and 279 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/app/(dashboard)/dashboard/loading.tsx
View File

@@ -1,18 +1,29 @@
import { DashboardGridSkeleton } from "@/shared/components/skeletons";
import {
DashboardGridSkeleton,
DashboardMetricsCardsSkeleton,
} from "@/shared/components/skeletons";
import { Skeleton } from "@/shared/components/ui/skeleton";
export default function DashboardLoading() {
return (
<main className="flex flex-col gap-4">
<div className="space-y-2 px-1 py-2">
<Skeleton className="h-8 w-72 rounded-xl bg-foreground/10" />
<Skeleton className="h-5 w-56 rounded-xl bg-foreground/10" />
<div className="space-y-2 p-2">
<Skeleton className="h-7 w-56 rounded-md bg-foreground/10" />
<Skeleton className="h-4 w-48 rounded-md bg-foreground/10" />
</div>
{/* Month Picker skeleton */}
<Skeleton className="h-[56px] w-full rounded-xl bg-foreground/10" />
<div className="h-[60px] rounded-md border bg-card/60 p-4">
<div className="flex items-center justify-between gap-3">
<div className="flex items-center gap-2">
<Skeleton className="size-8 rounded-md bg-foreground/10" />
<Skeleton className="h-5 w-36 rounded-md bg-foreground/10" />
<Skeleton className="size-8 rounded-md bg-foreground/10" />
</div>
<Skeleton className="hidden h-8 w-24 rounded-md bg-foreground/10 sm:block" />
</div>
</div>
{/* Dashboard content skeleton (Section Cards + Widget Grid) */}
<DashboardMetricsCardsSkeleton />
<DashboardGridSkeleton />
</main>
);