From 0d550c667530e3a7cbf726d9229b6604db6647c8 Mon Sep 17 00:00:00 2001
From: Stephen Gordon <n00202054@iadt.ie>
Date: Tue, 26 Mar 2024 14:30:57 +0000
Subject: [PATCH] fixed payeeName bug again

---
 src/app/@auth/(.)confirm/page.tsx | 23 ++++++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/src/app/@auth/(.)confirm/page.tsx b/src/app/@auth/(.)confirm/page.tsx
index b780884..5748342 100644
--- a/src/app/@auth/(.)confirm/page.tsx
+++ b/src/app/@auth/(.)confirm/page.tsx
@@ -36,6 +36,11 @@ import { useDispatch } from 'react-redux';
 import useFindPayeeName from '@/app/hooks/useFindPayeeName';
 import { ArrowDown, SendHorizonal, Send } from 'lucide-react';
 
+// redux
+import { useSelector } from 'react-redux';
+import { RootState } from '@/GlobalRedux/store';
+import { Contact } from '@/app/types/types';
+
 interface ConfirmProps {
   showConfirm: boolean;
 }
@@ -54,6 +59,22 @@ export default function Page({ showConfirm }: ConfirmProps) {
     useSendUsdc();
 
 
+    const contactsState = useSelector((state: RootState) => state.contacts.value);
+
+  const findPayeeName = (payeeAddress: string): string | null => {
+    if (!contactsState || contactsState.length === 0) {
+      return truncateEthAddress(payeeAddress);
+    }
+
+    // Ensure to lower case both sides to match
+    const contact = contactsState.find(
+      (element: Contact) => element.address?.toLocaleLowerCase() === payeeAddress.toLocaleLowerCase()
+    );
+
+    return contact ? contact.name : truncateEthAddress(payeeAddress);
+  };
+
+
 
   const handleSend = () => {
     if (!payee || !amount) return;
@@ -97,7 +118,7 @@ export default function Page({ showConfirm }: ConfirmProps) {
         
           
         <div className='text-lg text-center text-muted-foreground font-bold leading-none'>
-          {payee && useFindPayeeName(payee) }
+          {payee && findPayeeName(payee) }
         </div>
       </div>
       { loading == true || transactionStatus == true ? (<>