DigiFi/digifi-FirstOffice
1
0
Fork 0
Code Issues Pull Requests Releases Activity

modified transaction details page

Browse Source
This commit was merged in pull request #23.
This commit is contained in:
victorAnumudu
2025-04-30 09:02:55 +01:00
parent 3a5f3662aa
commit 397146d4c6
8 changed files with 306 additions and 328 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/loanscom/LoansCom.jsx
+12 -6
View File
@@ -1,5 +1,6 @@
import React from 'react'
import { useQuery } from "@tanstack/react-query";
import {Link} from 'react-router-dom'
import BreadcrumbCom from '../breadcrumb/BreadcrumbCom'
import TableWrapper from '../tableWrapper/TableWrapper'
@@ -10,6 +11,7 @@ import queryKeys from '../../services/queryKeys'
import { getLoans } from '../../services/siteServices'
import getDateFromDateString from '../../helpers/GetDateFromDateString';
import formatNumber from '../../helpers/formatNumber'
import RouteLinks from '../../RouteLinks';
export default function LoansCom() {
@@ -47,10 +49,10 @@ export default function LoansCom() {
Loan Amount
</th>
<th scope="col" className="px-2 text-right">
Repay Amount
Product/Tenor
</th>
<th scope="col" className="px-2 text-right">
Install Amount
Repay/Install Amount
</th>
<th scope="col" className="px-2 text-right">
Added
@@ -68,7 +70,7 @@ export default function LoansCom() {
<img className="w-10 h-10 rounded-md" src={Avatar} alt="Jese image" />
<div className="text-left">
<div className="text-base font-semibold">{item?.account_id || ''}</div>
<div className="font-normal text-gray-500">{item?.customer_id}</div>
<div className="font-normal text-gray-500">{item?.id} : {item?.transaction_id}</div>
</div>
</div>
</td>
@@ -80,12 +82,14 @@ export default function LoansCom() {
</td>
<td className="px-2">
<div className="text-right">
<div className="font-normal text-gray-500">{formatNumber(item?.repayment_amount)}</div>
<div className="font-normal text-gray-500">{formatNumber(0)}</div>
<div className="font-normal text-gray-500">{formatNumber(0)}</div>
</div>
</td>
<td className="px-2">
<div className="text-right">
<div className="font-normal text-gray-500">{formatNumber(item?.installment_amount)}</div>
<div className="font-normal text-gray-500">{formatNumber(item?.repayment_amount)}</div>
</div>
</td>
<td className="px-2">
@@ -96,7 +100,9 @@ export default function LoansCom() {
<td className="px-2 text-right">
<div className='flex items-center justify-end gap-3 md:gap-4'>
<div className='p-2 flex justify-center items-center text-slate-500 bg-white-body dark:text-white-body dark:bg-black-body rounded-md'>
<Icons name='eye' />
<Link to={RouteLinks.transaction_details_page} state={{transactionID: item?.transaction_id}}>
<Icons name='eye' />
</Link>
</div>
</div>
</td>
@@ -104,7 +110,7 @@ export default function LoansCom() {
))
:
<tr className="py-2 border-t border-dashed border-slate-300">
<td className="px-3 py-2" colSpan={4}>
<td className="px-3 py-2" colSpan={6}>
<div className="flex justify-center items-center">
No Record Found
</div>