sarlink/sarlink-portal
7
0
Fork 0
mirror of https://github.com/i701/sarlink-portal.git synced 2025-10-05 09:55:25 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

style: add skeletons to paymentId and deviceId pages ♻️
All checks were successful
Build and Push Docker Images / Build and Push Docker Images (push) Successful in 9m13s
Details

Browse Source
This commit is contained in:
i701
2025-09-24 17:46:04 +05:00
parent 31a05ae917
commit f8774f51e6
2 changed files with 40 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
app/(dashboard)/parental-control/loading.tsx
View File

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

37
app/(dashboard)/top-ups/loading.tsx
View File

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