rename walet page to transaction history 🔨

This commit is contained in:
2025-09-20 11:15:44 +05:00
parent 1e2329e7f1
commit b32b61afe8

View File

@@ -3,61 +3,61 @@ import DynamicFilter from "@/components/generic-filter";
import { WalletTransactionsTable } from "@/components/wallet-transactions-table"; import { WalletTransactionsTable } from "@/components/wallet-transactions-table";
export default async function Wallet({ export default async function Wallet({
searchParams, searchParams,
}: { }: {
searchParams: Promise<{ searchParams: Promise<{
query: string; query: string;
page: number; page: number;
sortBy: string; sortBy: string;
status: string; status: string;
}>; }>;
}) { }) {
const query = (await searchParams)?.query || ""; const query = (await searchParams)?.query || "";
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">
<h3 className="text-sarLinkOrange text-2xl">My Wallet</h3> <h3 className="text-sarLinkOrange text-2xl">Transaction History</h3>
</div> </div>
<div <div
id="wallet-filters" id="wallet-filters"
className=" pb-4 gap-4 flex sm:flex-row flex-col items-start justify-start" className=" pb-4 gap-4 flex sm:flex-row flex-col items-start justify-start"
> >
<DynamicFilter <DynamicFilter
inputs={[ inputs={[
{ {
label: "Type", label: "Type",
name: "transaction_type", name: "transaction_type",
type: "radio-group", type: "radio-group",
options: [ options: [
{ {
label: "All", label: "All",
value: "", value: "",
}, },
{ {
label: "Debit", label: "Debit",
value: "debit", value: "debit",
}, },
{ {
label: "Credit", label: "Credit",
value: "credit", value: "credit",
}, },
], ],
}, },
{ {
label: "Topup Amount", label: "Topup Amount",
name: "amount", name: "amount",
type: "dual-range-slider", type: "dual-range-slider",
min: 0, min: 0,
max: 1000, max: 1000,
step: 10, step: 10,
}, },
]} ]}
/> />
</div> </div>
<Suspense key={query} fallback={"loading...."}> <Suspense key={query} fallback={"loading...."}>
<WalletTransactionsTable searchParams={searchParams} /> <WalletTransactionsTable searchParams={searchParams} />
</Suspense> </Suspense>
</div> </div>
); );
} }