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/PurchasesTable.jsx
+10 -10
View File
@@ -18,21 +18,21 @@ function PurchasesTable({purchase}) {
<div className='flex flex-col justify-between min-h-[500px]'>
{purchase.data.length ?
<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">Trx.</th>
<th className="p-2">Amount</th>
<th className="p-2">Fee</th>
<thead className='w-full'>
<tr className='text-slate-600 dark:text-white'>
<th className="p-4">Trx.</th>
<th className="p-4">Amount</th>
<th className="p-4">Fee</th>
</tr>
</thead>
<tbody>
{currentPurchase.map((item, index) => (
<tr key={index} className='text-slate-500'>
<td className="p-2">{item.added_date}<br />
<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.added_date}<br />
<b>{item.confirmation} </b>
</td>
<td className="p-2">{item.amount}</td>
<td className="p-2">{item.fee}</td>
<td className="p-4">{item.amount}</td>
<td className="p-4">{item.fee}</td>
</tr>
))}
</tbody>
@@ -48,7 +48,7 @@ function PurchasesTable({purchase}) {
}
{/* PAGINATION BUTTON */}
<PaginatedList onClick={handlePagination} prev={currentPage == 0 ? true : false} next={currentPage+Number(process.env.REACT_APP_ITEM_PER_PAGE) >= purchase?.data?.length ? true : false} data={purchase?.data} start={indexOfFirstItem} stop={indexOfLastItem} />
<PaginatedList borderTop={false} onClick={handlePagination} prev={currentPage == 0 ? true : false} next={currentPage+Number(process.env.REACT_APP_ITEM_PER_PAGE) >= purchase?.data?.length ? true : false} data={purchase?.data} start={indexOfFirstItem} stop={indexOfLastItem} />
{/* END OF PAGINATION BUTTON */}
</div>
)
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>