Files
sarlink-portal/app/(dashboard)/payments/loading.tsx
i701 31a05ae917
All checks were successful
Build and Push Docker Images / Build and Push Docker Images (push) Successful in 10m58s
style: add skeletons to paymentId and deviceId pages ♻️
2025-09-24 17:46:04 +05:00

26 lines
796 B
TypeScript

import DevicesTableSkeleton from "@/components/device-table-skeleton";
import { Skeleton } from "@/components/ui/skeleton";
export default function LoadingComponent() {
return (
<div>
<div className="flex justify-between items-center border rounded-md border-dashed font-bold title-bg py-4 px-2 mb-4">
<Skeleton className="w-48 h-8" />
<Skeleton className="w-20 h-8" />
</div>
<div>
<Skeleton className="w-full rounded-md mt-5 mb-6 sm:w-48 h-9" />
</div>
<div
id="user-filters"
className=" pb-4 gap-4 flex sm:flex-row flex-col items-start justify-endO"
>
<DevicesTableSkeleton
headers={["Details", "Duration", "Status", "Amount"]}
length={10}
/>
</div>
</div>
);
}