From ca7db4b0aa8419238495aeeecd756c020665178b Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Mon, 15 Jul 2024 17:38:11 +0100
Subject: [PATCH 1/2] updated loan details page

---
 .../approve-reject-page/ApproveRejectPage.tsx | 43 +++++++++++++++----
 1 file changed, 35 insertions(+), 8 deletions(-)

diff --git a/src/app/modules/process/approve-reject-page/ApproveRejectPage.tsx b/src/app/modules/process/approve-reject-page/ApproveRejectPage.tsx
index f737a15..0a70bc2 100644
--- a/src/app/modules/process/approve-reject-page/ApproveRejectPage.tsx
+++ b/src/app/modules/process/approve-reject-page/ApproveRejectPage.tsx
@@ -26,6 +26,7 @@ export default function ApproveRejectPage() {
         }
         getVerifiedLoanDetailsByUID(selectedUser?.uid).then(res => {
             setLoanDetails({loading:false, data:res?.data})
+            console.log('DATA', res?.data?.application)
         }).catch(err => {
             console.log(err)
             setLoanDetails({loading:false, data:null})
@@ -103,15 +104,41 @@ export default function ApproveRejectPage() {
                         <div className='w-100'>
                             {loanDetails?.data?.application.length > 0 ?
                             <table className='w-100'>
-                                <tr>
-                                    <th>UID</th>
-                                    <th>AMOUNT</th>
-                                </tr>
                                 {loanDetails?.data?.application?.map((item:any) => (
-                                    <tr key={item.uid || item.id}>
-                                        <td>{item.uid}</td>
-                                        <td>{item.loan_amount}</td>
-                                    </tr>
+                                    <tbody key={item.uid || item.id}>
+                                        <tr>
+                                            <th className='text-uppercase py-3'>uid</th>
+                                            <td>{item.uid}</td>
+                                        </tr>
+                                        <tr>
+                                            <th className='text-uppercase py-3'>Amount</th>
+                                            <td>{item.loan_amount}</td>
+                                        </tr>
+                                        <tr>
+                                            <th className='text-uppercase py-3'>Payment Month</th>
+                                            <td>{item.loan_amount}</td>
+                                        </tr>
+                                        <tr>
+                                            <th className='text-uppercase py-3'>Sales Agent</th>
+                                            <td>{item.sales_agent}</td>
+                                        </tr>
+                                        <tr>
+                                            <th className='text-uppercase py-3'>Gender</th>
+                                            <td>{item.gender || 'Others'}</td>
+                                        </tr>
+                                        <tr>
+                                            <th className='text-uppercase py-3'>Marital Status</th>
+                                            <td>{item.marital_status}</td>
+                                        </tr>
+                                        <tr>
+                                            <th className='text-uppercase py-3'>Email</th>
+                                            <td>{item.email}</td>
+                                        </tr>
+                                        <tr>
+                                            <th className='text-uppercase py-3'>Address</th>
+                                            <td>{item.address}</td>
+                                        </tr>
+                                    </tbody>
                                 ))}
                             </table>
                             :

From 251fe95a6b5c83baf9e4d6ea0f5633407bd3c62a Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Mon, 15 Jul 2024 17:57:01 +0100
Subject: [PATCH 2/2] updated loan details page

---
 .../approve-reject-page/ApproveRejectPage.tsx | 33 +++++++++++++------
 1 file changed, 23 insertions(+), 10 deletions(-)

diff --git a/src/app/modules/process/approve-reject-page/ApproveRejectPage.tsx b/src/app/modules/process/approve-reject-page/ApproveRejectPage.tsx
index 0a70bc2..a904145 100644
--- a/src/app/modules/process/approve-reject-page/ApproveRejectPage.tsx
+++ b/src/app/modules/process/approve-reject-page/ApproveRejectPage.tsx
@@ -26,7 +26,6 @@ export default function ApproveRejectPage() {
         }
         getVerifiedLoanDetailsByUID(selectedUser?.uid).then(res => {
             setLoanDetails({loading:false, data:res?.data})
-            console.log('DATA', res?.data?.application)
         }).catch(err => {
             console.log(err)
             setLoanDetails({loading:false, data:null})
@@ -73,20 +72,34 @@ export default function ApproveRejectPage() {
                             </button>
                         </div>
                     </div>
-                    <div className="card card-flash flex flex-col p-4 h-md-50 mb-5 mb-xl-10 bg-secondary">
+                    <div className="card card-flash flex flex-col p-4 h-md-50 mb-5 mb-xl-10 bg-secondary overflow-scroll">
                         <h3 className='card-title text-gray-800 fw-bold mb-5'>Verification details</h3>
                         <div className='w-100'>
                             {loanDetails?.data?.verification.length > 0 ?
                             <table className='w-100'>
-                                <tr>
-                                    <th>UID</th>
-                                    <th>EMPLOYER NAME</th>
-                                </tr>
                                 {loanDetails?.data?.verification?.map((item:any) => (
-                                    <tr key={item.uid || item.id}>
-                                        <td>{item.uid}</td>
-                                        <td>{item.employers_name}</td>
-                                    </tr>
+                                    <tbody key={item.uid || item.id}>
+                                        <tr>
+                                            <th className='text-uppercase py-3'>uid</th>
+                                            <td>{item.uid}</td>
+                                        </tr>
+                                        <tr>
+                                            <th className='text-uppercase py-3'>Designation</th>
+                                            <td>{item.designation}</td>
+                                        </tr>
+                                        <tr>
+                                            <th className='text-uppercase py-3'>Employers Name</th>
+                                            <td>{item.employers_name}</td>
+                                        </tr>
+                                        <tr>
+                                            <th className='text-uppercase py-3'>Grade</th>
+                                            <td>{item.grade}</td>
+                                        </tr>
+                                        <tr>
+                                            <th className='text-uppercase py-3'>Status</th>
+                                            <td>{item.status}</td>
+                                        </tr>
+                                    </tbody>
                                 ))}
                             </table>
                             :