changed hook

Stephen-Gordon · Mar 24, 2024 · 79020e0 · 79020e0
1 parent ddf7172
commit 79020e0
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/app/@auth/(.)transaction/page.tsx b/src/app/@auth/(.)transaction/page.tsx
@@ -41,6 +41,8 @@ export default function Page() {
     setIsLoading(false);
   }, [txState]);
 
+  const payeeName = useFindPayeeName(transaction.from);
+
   return (
     <>
       {!isLoading && (
@@ -65,7 +67,7 @@ export default function Page() {
               </div>
               <div className='text-blue-400'>
                 {transaction.from == address ? 'From' : 'To'}{' '}
-                { useFindPayeeName(transaction.from)}
+               {payeeName}
               </div>
               <div className='mt-10 grid grid-cols-2 gap-4 text-white'>
                 <div>

diff --git a/src/app/hooks/useFindPayeeName.tsx b/src/app/hooks/useFindPayeeName.tsx
@@ -7,8 +7,8 @@ const useFindPayeeName = (payeeAddress: string) => {
   const contactsState = useSelector((state: RootState) => state.contacts.value);
 
   const findPayeeName = (payeeAddress: string): string | null => {
-    if (!payeeAddress || contactsState.length === 0) {
-      return null;
+    if ( contactsState.length === 0) {
+      return truncateEthAddress(payeeAddress);
     }
 
     const contact = contactsState.find(