updated loan and loan details page

src/components/loanscom/LoansCom.jsx

@@ -83,7 +83,7 @@ export default function LoansCom() {
                                             <td className="px-2">
                                                 <div className="text-right">
                                                     <div className="font-normal text-gray-500">{formatNumber(item?.product_id)}</div>
-                                                    <div className="font-normal text-gray-500">{formatNumber(item?.tenor)}</div>
+                                                    <div className="font-normal text-gray-500">{item?.tenor} days</div>
                                                 </div> 
                                             </td>
                                             <td className="px-2">

src/components/transactionDetails/LoanDetails.jsx

@@ -41,16 +41,16 @@ export default function LoanDetails({transactionID}) {
                                 Name
                             </th>
                             <th scope="col" className="px-2 text-right">
-                                Loan Amount
+                                Loan/Eligible Amount
                             </th>
                             <th scope="col" className="px-2 text-right">
                                 Product/Tenor
                             </th>
                             <th scope="col" className="px-2 text-right">
-                                Repay/Install Amount
+                                Repay/Install Amount.
                             </th>
                             <th scope="col" className="px-2 text-right">
-                                Added
+                                Added/Due
                             </th>
                             <th scope="col" className="px-2 text-right">
                                 Action
@@ -66,7 +66,8 @@ export default function LoanDetails({transactionID}) {
                                     <div className="text-left">
                                         <div className="text-base font-semibold">{item?.account_id || ''}</div>
                                         <div className="font-normal text-gray-500">{item?.id} : {item?.transaction_id}</div>
-                                        <div className="font-normal text-gray-500">ORIGIN : {item?.original_transaction}</div>
+                                        <div className="font-semibold text-red-500">ORIGIN : {item?.original_transaction}</div>
+                                        <div className="font-bold text-blue-500">OFFER : {item?.offer_id}</div>
                                     </div>  
                                     </div>
                                 </td>
@@ -74,12 +75,14 @@ export default function LoanDetails({transactionID}) {
                                     <div className="text-right">
                                         {/* <div className="text-base font-semibold">{formatNumber(item?.initial_loan_amount)}</div> */}
                                         <div className="font-normal text-gray-500">{formatNumber(item?.initial_loan_amount)}</div>
+                                        <div className="font-semibold text-red-500">{formatNumber(item?.eligible_amount)}</div>
+
                                     </div> 
                                 </td>
                                 <td className="px-2">
                                     <div className="text-right">
                                         <div className="font-normal text-gray-500">{formatNumber(item?.product_id)}</div>
-                                        <div className="font-normal text-gray-500">{formatNumber(item?.tenor)}</div>
+                                        <div className="font-normal text-gray-500">{item?.tenor} days</div>
                                     </div> 
                                 </td>
                                 <td className="px-2">
@@ -91,6 +94,7 @@ export default function LoanDetails({transactionID}) {
                                 <td className="px-2">
                                     <div className="text-right">
                                         <div className="font-normal text-gray-500">{getDateFromDateString(item?.created_at)}</div>
+                                        <div className="font-semibold text-red-500">{getDateFromDateString(item?.due_date)}</div>
                                     </div> 
                                 </td>
                                 <td className="px-2 text-right">

src/components/transactionDetails/RepaymentScheduleDetails.jsx

@@ -92,7 +92,7 @@ export default function RepaymentScheduleDetails({transactionID}) {
                                 </td>
                                 <td className="px-2">
                                     <div className="text-right">
-                                        <div className="font-normal text-gray-500">{item?.paid_at ? getDateFromDateString(item?.paid_at) : 'NULL'}</div>
+                                        <div className="font-normal text-gray-500">{item?.paid_at ? getDateFromDateString(item?.paid_at) : 'Not available'}</div>
                                     </div>
                                 </td>
                                 <td className="px-2 text-right">
@@ -106,7 +106,7 @@ export default function RepaymentScheduleDetails({transactionID}) {
                         ))
                         :
                         <tr className="py-2 border-t border-dashed border-slate-300">
-                            <td className="px-3 py-2" colSpan={5}>
+                            <td className="px-3 py-2" colSpan={6}>
                                 <div className="flex justify-center items-center">
                                     No Record Found
                                 </div>