mirror of
https://github.com/i701/sarlink-portal.git
synced 2025-11-21 05:27:01 +00:00
rename walet page to transaction history 🔨
This commit is contained in:
@@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user