feat: add loading skeleton for devices table and improve payment processing logic
All checks were successful
Build and Push Docker Images / Build and Push Docker Images (push) Successful in 4m30s

This commit is contained in:
2025-04-12 17:01:37 +05:00
parent 067acef49c
commit 0d578c9add
5 changed files with 95 additions and 27 deletions

View File

@ -4,7 +4,7 @@ import { deviceCartAtom } from "@/lib/atoms";
import type { Device } from "@/lib/backend-types";
import { cn } from "@/lib/utils";
import { useAtom } from "jotai";
import { Hourglass } from "lucide-react";
import { HandCoins } from "lucide-react";
import Link from "next/link";
import AddDevicesToCartButton from "./add-devices-to-cart-button";
import BlockDeviceDialog from "./block-device-dialog";
@ -67,7 +67,8 @@ export default function ClickableRow({
{device.has_a_pending_payment && (
<Link href={`/payments/${device.pending_payment_id}`}>
<span className="bg-muted rounded px-2 p-1 mt-2 flex hover:underline items-center justify-center gap-2 text-muted-foreground text-yellow-600">
Payment Pending <Hourglass size={14} />
Payment Pending{" "}
<HandCoins className="animate-pulse" size={14} />
</span>
</Link>
)}

View File

@ -25,7 +25,6 @@ export async function DevicesTable({
searchParams: Promise<{
query: string;
page: number;
sortBy: string;
}>;
parentalControl?: boolean;
}) {
@ -89,10 +88,6 @@ export async function DevicesTable({
</TableRow>
</TableFooter>
</Table>
<Pagination
totalPages={meta?.last_page}
currentPage={meta?.current_page}
/>
</div>
<div className="sm:hidden my-4">
{data?.map((device) => (
@ -103,6 +98,10 @@ export async function DevicesTable({
/>
))}
</div>
<Pagination
totalPages={meta?.last_page}
currentPage={meta?.current_page}
/>
</>
)}
</div>