mirror of
https://github.com/i701/sarlink-portal.git
synced 2025-02-23 09:22:00 +00:00
i701
e815da495a
- Introduced createPayment action for handling payment creation. - Added PaymentsTable component for displaying payment records with pagination. - Implemented new PaymentPage for viewing individual payment details and associated devices. - Refactored DeviceCartDrawer to integrate payment creation and device selection. - Enhanced DevicesToPay component to display devices based on payment status. - Updated PriceCalculator component for better user input handling. - Introduced NumberInput component for consistent number input across forms. - Modified Prisma schema to include new fields for payments and devices. - Improved overall user experience with responsive design adjustments and new UI elements.
34 lines
870 B
TypeScript
34 lines
870 B
TypeScript
import { PaymentsTable } from "@/components/payments-table";
|
|
import Search from "@/components/search";
|
|
import { Suspense } from "react";
|
|
|
|
export default async function Devices({
|
|
searchParams,
|
|
}: {
|
|
searchParams: Promise<{
|
|
query: string;
|
|
page: number;
|
|
sortBy: string;
|
|
status: string;
|
|
}>;
|
|
}) {
|
|
const query = (await searchParams)?.query || "";
|
|
return (
|
|
<div>
|
|
<div className="flex justify-between items-center border-b-2 text-gray-500 text-2xl font-bold title-bg py-4 px-2 mb-4">
|
|
<h3>My Payments</h3>
|
|
</div>
|
|
|
|
<div
|
|
id="user-filters"
|
|
className=" border-b-2 pb-4 gap-4 flex sm:flex-row flex-col items-start justify-start"
|
|
>
|
|
<Search />
|
|
</div>
|
|
<Suspense key={query} fallback={"loading...."}>
|
|
<PaymentsTable searchParams={searchParams} />
|
|
</Suspense>
|
|
</div>
|
|
);
|
|
}
|