Update to icons

src/components/home/HomeCom.jsx

@@ -11,6 +11,7 @@ import {getDashData} from '../../services/siteServices'
 import getDateFromDateString from '../../helpers/GetDateFromDateString';
 import getTimeFromDateString from '../../helpers/GetTimeFromDateString';
 import localImgLoader from '../../helpers/localImageLoader';
+import localSiteIcons from "../../helpers/localSiteIcons";
 import RouteLinks from '../../RouteLinks';
 
 export default function HomeCom() {
@@ -123,7 +124,7 @@ export default function HomeCom() {
                                                             <div
                                                                 className='w-full min-w-48 flex items-center gap-2 whitespace-nowrap'>
                                                                 <img className="w-10 h-10 rounded-md"
-                                                                     src={localImgLoader(`loan_icons/${item?.type}.png`)}
+                                                                     src={localSiteIcons(`loan_icons/${item?.type}`)}
                                                                      alt="Icon"/>
                                                                 <div className="text-left">
                                                                     <div

src/components/transactionDetails/RepaymentScheduleDetails.jsx

@@ -8,7 +8,7 @@ import queryKeys from '../../services/queryKeys'
 import { getRepaymentSchedule } from '../../services/siteServices'
 import getDateFromDateString from '../../helpers/GetDateFromDateString';
 import formatNumber from '../../helpers/formatNumber';
-
+import localSiteIcons from "../../helpers/localSiteIcons";
 export default function RepaymentScheduleDetails({transactionID}) {
 
     const [page, setPage] = useState(1)

src/components/transactionDetails/TransactionDetails.jsx

@@ -8,6 +8,7 @@ import { getTransactions } from '../../services/siteServices'
 import getDateFromDateString from '../../helpers/GetDateFromDateString';
 import getTimeFromDateString from '../../helpers/GetTimeFromDateString';
 import localImgLoader from '../../helpers/localImageLoader';
+import localSiteIcons from '../../helpers/localSiteIcons';
 
 export default function TransactionDetails({transactionID}) {
 
@@ -55,7 +56,7 @@ export default function TransactionDetails({transactionID}) {
                             <tr key={index} className="py-2 border-t border-dashed border-slate-300">
                                 <td className="px-2 py-2">
                                     <div className='w-full min-w-48 flex items-center gap-2 whitespace-nowrap'>
-                                    <img className="w-10 h-10 rounded-md" src={localImgLoader(`loan_icons/${item?.type}.png`)} alt="Icon" />
+                                    <img className="w-10 h-10 rounded-md" src={localSiteIcons(`loan_icons/${item?.type}`)} 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)} {getTimeFromDateString(item?.created_at)}</div>

src/components/transactions/TransactionsCom.jsx

@@ -9,6 +9,7 @@ import getDateFromDateString from '../../helpers/GetDateFromDateString';
 import getTimeFromDateString from '../../helpers/GetTimeFromDateString';
 import localImgLoader from '../../helpers/localImageLoader';
 import RouteLinks from '../../RouteLinks';
+import localSiteIcons from '../../helpers/localSiteIcons';
 
 export default function TransactionsCom() {
 
@@ -113,7 +114,7 @@ export default function TransactionsCom() {
                                                         <div
                                                             className='w-full min-w-48 flex items-center gap-2 whitespace-nowrap'>
                                                             <img className="w-10 h-10 rounded-md"
-                                                                 src={localImgLoader(`loan_icons/${item?.type}.png`)}
+                                                                 src={localSiteIcons(`loan_icons/${item?.type}`)}
                                                                  alt="Icon"/>
                                                             <div className="text-left">
                                                                 <div

src/helpers/localSiteIcons.js

@@ -0,0 +1,7 @@
+const localSiteIcons = (location) => {
+
+    let localParts;
+    localParts = location.split(".")
+   return  require(`../assets/${localParts[0]}.png`);
+}
+export default localSiteIcons