Files
sarlink-portal/app/(dashboard)/parental-control/loading.tsx
i701 f8774f51e6
All checks were successful
Build and Push Docker Images / Build and Push Docker Images (push) Successful in 9m13s
style: add skeletons to paymentId and deviceId pages ♻️
2025-09-24 18:20:35 +05:00

26 lines
798 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={["Device Name", "Mac Address", "Vendor", "#"]}
length={10}
/>
</div>
</div>
);
}