From fa46cae1ccba108e9d30a5439ef111cec15df58e Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Mon, 15 Jul 2024 18:13:28 +0100
Subject: [PATCH] made all data to show on details column

---
 .../approve-reject-page/ApproveRejectPage.tsx | 64 ++++---------------
 1 file changed, 12 insertions(+), 52 deletions(-)

diff --git a/src/app/modules/process/approve-reject-page/ApproveRejectPage.tsx b/src/app/modules/process/approve-reject-page/ApproveRejectPage.tsx
index a904145..0e09158 100644
--- a/src/app/modules/process/approve-reject-page/ApproveRejectPage.tsx
+++ b/src/app/modules/process/approve-reject-page/ApproveRejectPage.tsx
@@ -79,26 +79,12 @@ export default function ApproveRejectPage() {
                             <table className='w-100'>
                                 {loanDetails?.data?.verification?.map((item:any) => (
                                     <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>
+                                        {Object.keys(item).map(key => (
+                                            <tr>
+                                                <th className='text-uppercase py-3'>{key}</th>
+                                                <td>{item[key]}</td>
+                                            </tr>
+                                        ))}
                                     </tbody>
                                 ))}
                             </table>
@@ -119,38 +105,12 @@ export default function ApproveRejectPage() {
                             <table className='w-100'>
                                 {loanDetails?.data?.application?.map((item:any) => (
                                     <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>
+                                        {Object.keys(item).map(key => (
+                                            <tr>
+                                                <th className='text-uppercase py-3'>{key}</th>
+                                                <td className='flex text-break'>{item[key]}</td>
+                                            </tr>
+                                        ))}
                                     </tbody>
                                 ))}
                             </table>
-- 
2.34.1