WrenchBoard/Users-Wrench
3
0
Fork 0
Code Issues Pull Requests Releases Activity

history table list adjusted and wallet display fixed

Browse Source
This commit was merged in pull request #749.
This commit is contained in:
victorAnumudu
2024-07-09 15:26:46 +01:00
parent f880afabb0
commit 9b0ff4a1e6
8 changed files with 63 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/MyWallet/WalletComponent/RecentActivityTable.jsx
+11 -10
View File
@@ -21,28 +21,28 @@ function RecentActivityTable({ payment }) {
<div className="flex flex-col justify-between min-h-[500px]">
{payment?.data?.length > 0 ?
<table className="wallet-activity w-full table-auto border-collapse text-left">
<thead className="border-b-2">
<tr className="text-slate-600">
<th className="p-2">Date</th>
<th className="p-2">Trx.</th>
<th className="p-2">Amnt./Fee</th>
<th className="p-2">Status</th>
<thead className="w-full">
<tr className="text-slate-600 dark:text-white">
<th className="p-4">Date</th>
<th className="p-4">Trx.</th>
<th className="p-4">Amnt./Fee</th>
<th className="p-4">Status</th>
</tr>
</thead>
<tbody>
{currentActivity.map((item, index) => (
<tr key={index} className="text-slate-500">
<td className="p-2">{item.trx_date}</td>
<tr key={index} className="dark:text-white dark:bg-dark-white border-y dark:border-[#5356fb29] hover:bg-gray-50 dark:hover:bg-gray-50 dark:hover:text-black transition-all duration-300">
<td className="p-4">{item.trx_date}</td>
<td
className="p-4"
dangerouslySetInnerHTML={{ __html: item.recipient }}
></td>
<td className="p-2">
<td className="p-4">
{item.amount}
<br />
{item.fee}
</td>
<td className="p-2">{item.status}</td>
<td className="p-4">{item.status}</td>
</tr>
))}
</tbody>
@@ -70,6 +70,7 @@ function RecentActivityTable({ payment }) {
data={payment?.data}
start={indexOfFirstItem}
stop={indexOfLastItem}
borderTop={false}
/>
{/* END OF PAGINATION BUTTON */}
</div>