From d5cd2a6360d71f997fa47a5dfbd020407fda552d Mon Sep 17 00:00:00 2001 From: "CHIEFSOFT\\ameye" Date: Sun, 2 Nov 2025 10:43:02 -0500 Subject: [PATCH] Loan details updates --- .../transactionDetails/LoanDetails.jsx | 212 ++++++++++-------- 1 file changed, 118 insertions(+), 94 deletions(-) diff --git a/src/components/transactionDetails/LoanDetails.jsx b/src/components/transactionDetails/LoanDetails.jsx index 04fbab5..24f60d3 100644 --- a/src/components/transactionDetails/LoanDetails.jsx +++ b/src/components/transactionDetails/LoanDetails.jsx @@ -1,17 +1,17 @@ import React from 'react' -import { useQuery } from "@tanstack/react-query"; +import {useQuery} from "@tanstack/react-query"; import Icons from '../Icons' import Avatar from '../../assets/user_avatar.jpg' import queryKeys from '../../services/queryKeys' -import { getLoans } from '../../services/siteServices' +import {getLoans} from '../../services/siteServices' import getDateFromDateString from '../../helpers/GetDateFromDateString'; import formatNumber from '../../helpers/formatNumber' export default function LoanDetails({transactionID}) { - const {data:allLoans, isFetching, isError, error} = useQuery({ + const {data: allLoans, isFetching, isError, error} = useQuery({ queryKey: queryKeys.loans, queryFn: () => getLoans({transaction_id: transactionID}) }) @@ -21,98 +21,122 @@ export default function LoanDetails({transactionID}) { return ( <> - {isFetching ? -
-

Loans

-

Loading...

-
- : isError ? -
-

Loans

-

{error.message}

-
- : (loans && loans.length > 0) ? -
-

Loans

- - - - - - - - - - - - - {loans?.map((item, index) => ( - - - + + + + + + )) + } + +
- Name - - Loan/Eligible Amount - - Product/Tenor - - Repay/Install Amount. - - Added/Due - - Action -
-
- Jese image -
-
{item?.account_id || ''}
-
{item?.id} : {item?.transaction_id}
-
ORIGIN : {item?.original_transaction}
-
OFFER : {item?.offer_id}
-
-
- 		-
- {/*
{formatNumber(item?.initial_loan_amount)}
*/} -
{formatNumber(item?.initial_loan_amount)}
-
{formatNumber(item?.eligible_amount)}
+ {isFetching ? +
+

Loans

+

Loading...

+
+ : isError ? +
+

Loans

+

{error.message}

+
+ : (loans && loans.length > 0) ? +
+

Loans

+ + + + + + + + + + + + + {loans?.map((item, index) => ( + + + - - - - - - )) - } - -
+ Name + + Loan/Eligible Amount + + Product/Tenor + + Repay/Install Amount. + + Added/Due + + Action +
+
+ Jese image +
+
{item?.account_id || ''}
+
{item?.id} : {item?.transaction_id}
+
ORIGIN + : {item?.original_transaction}
+
OFFER + : {item?.offer_id}
+
+
+ 		+
+ {/*
{formatNumber(item?.initial_loan_amount)}
*/} +
{formatNumber(item?.initial_loan_amount)}
+
{formatNumber(item?.eligible_amount)}
-
- 		-
-
{formatNumber(item?.product_id)}
-
{item?.tenor} days
-
- 		-
-
{formatNumber(item?.repayment_amount)}
-
{formatNumber(item?.installment_amount)}
-
- 		-
-
{getDateFromDateString(item?.created_at)}
-
{getDateFromDateString(item?.due_date)}
-
- 		-
-
- -
-
-
-
- : - null - } +
+ 		+
+
{formatNumber(item?.product_id)}
+
{item?.tenor} days
+
+ 		+
+
{formatNumber(item?.repayment_amount)}
+
{formatNumber(item?.installment_amount)}
+
+ 		+
+
{getDateFromDateString(item?.created_at)}
+
{getDateFromDateString(item?.due_date)}
+
+ 		+
+
+ +
+
+
+
+

Loans Disbursement Details

+
Disburse Date : {item?.disburseDate}
+
Disburse Description + : {item?.disburseDescription}
+
Disburse Result : {item?.disburseResult}
+

+
Disburse Verify DAte: {item?.disburseVerify}
+
Verify Description + : {item?.verifyDescription}
+
Verify Result : {item?.verifyResult}
+
+
+ : + null + } ) } \ No newline at end of file