From 1423057bdf41b26838687f5bdbd665ab1a9eae4b Mon Sep 17 00:00:00 2001
From: victorAnumudu <anumuduchukwuebuka@gmail.com>
Date: Wed, 21 May 2025 12:45:33 +0100
Subject: [PATCH] added transaction time to request table

---
 src/components/home/HomeCom.jsx                          | 3 ++-
 src/components/transactionDetails/LoanChargeDetails.jsx  | 2 +-
 src/components/transactionDetails/TransactionDetails.jsx | 3 ++-
 src/components/transactions/TransactionsCom.jsx          | 3 ++-
 4 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/home/HomeCom.jsx b/src/components/home/HomeCom.jsx
index b90b3bf..91c198f 100644
--- a/src/components/home/HomeCom.jsx
+++ b/src/components/home/HomeCom.jsx
@@ -9,6 +9,7 @@ import formatNumber from '../../helpers/formatNumber'
 import queryKeys from '../../services/queryKeys'
 import { getDashData } from '../../services/siteServices'
 import getDateFromDateString from '../../helpers/GetDateFromDateString';
+import getTimeFromDateString from '../../helpers/GetTimeFromDateString';
 import localImgLoader from '../../helpers/localImageLoader';
 import RouteLinks from '../../RouteLinks';
 
@@ -111,7 +112,7 @@ export default function HomeCom() {
                                   <img className="w-10 h-10 rounded-md" src={localImgLoader(`loan_icons/${item?.type}.png`)} alt="Icon" />
                                   <div className="text-left">
                                       <div className="text-base font-semibold">{item?.transaction_id}</div>
-                                      <div className="font-normal text-gray-500">{getDateFromDateString(item?.created_at)}</div>
+                                      <div className="font-normal text-gray-500">{getDateFromDateString(item?.created_at)} {getTimeFromDateString(item?.created_at)}</div>
                                   </div>  
                                 </div>
                               </td>
diff --git a/src/components/transactionDetails/LoanChargeDetails.jsx b/src/components/transactionDetails/LoanChargeDetails.jsx
index 9bb90bf..946caa9 100644
--- a/src/components/transactionDetails/LoanChargeDetails.jsx
+++ b/src/components/transactionDetails/LoanChargeDetails.jsx
@@ -74,7 +74,7 @@ export default function LoanChargeDetails({transactionID}) {
                                 </td>
                                 <td className="px-2">
                                     <div className="text-right">
-                                        <div className="font-normal text-gray-500">{getDateFromDateString(item?.created_at)}</div>
+                                        <div className="font-normal text-gray-500">{item?.created_at ? getDateFromDateString(item?.created_at) : 'Not available'}</div>
                                     </div> 
                                 </td>
                                 {/* <td className="px-2 text-right">
diff --git a/src/components/transactionDetails/TransactionDetails.jsx b/src/components/transactionDetails/TransactionDetails.jsx
index 93d2209..3e83062 100644
--- a/src/components/transactionDetails/TransactionDetails.jsx
+++ b/src/components/transactionDetails/TransactionDetails.jsx
@@ -6,6 +6,7 @@ import Icons from '../Icons'
 import queryKeys from '../../services/queryKeys'
 import { getTransactions } from '../../services/siteServices'
 import getDateFromDateString from '../../helpers/GetDateFromDateString';
+import getTimeFromDateString from '../../helpers/GetTimeFromDateString';
 import localImgLoader from '../../helpers/localImageLoader';
 
 export default function TransactionDetails({transactionID}) {
@@ -57,7 +58,7 @@ export default function TransactionDetails({transactionID}) {
                                     <img className="w-10 h-10 rounded-md" src={localImgLoader(`loan_icons/${item?.type}.png`)} alt="Icon" />
                                     <div className="text-left">
                                         <div className="text-base font-semibold">{item?.transaction_id}</div>
-                                        <div className="font-normal text-gray-500">{getDateFromDateString(item?.created_at)}</div>
+                                        <div className="font-normal text-gray-500">{getDateFromDateString(item?.created_at)} {getTimeFromDateString(item?.created_at)}</div>
                                     </div>  
                                     </div>
                                 </td>
diff --git a/src/components/transactions/TransactionsCom.jsx b/src/components/transactions/TransactionsCom.jsx
index 7d158da..9eba66a 100644
--- a/src/components/transactions/TransactionsCom.jsx
+++ b/src/components/transactions/TransactionsCom.jsx
@@ -10,6 +10,7 @@ import Avatar from '../../assets/user_avatar.jpg'
 import queryKeys from '../../services/queryKeys'
 import { getTransactions } from '../../services/siteServices'
 import getDateFromDateString from '../../helpers/GetDateFromDateString';
+import getTimeFromDateString from '../../helpers/GetTimeFromDateString';
 import localImgLoader from '../../helpers/localImageLoader';
 import RouteLinks from '../../RouteLinks';
 
@@ -67,7 +68,7 @@ export default function TransactionsCom() {
                                                 <img className="w-10 h-10 rounded-md" src={localImgLoader(`loan_icons/${item?.type}.png`)} alt="Icon" />
                                                 <div className="text-left">
                                                     <div className="text-base font-semibold">{item?.transaction_id}</div>
-                                                    <div className="font-normal text-gray-500">{getDateFromDateString(item?.created_at)}</div>
+                                                    <div className="font-normal text-gray-500">{getDateFromDateString(item?.created_at)} {getTimeFromDateString(item?.created_at)}</div>
                                                 </div>  
                                                 </div>
                                             </td>
-- 
2.34.1