Remove unused imports

src/hooks/useHandlePaymentNotification.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { getBaseApiReact } from '../App';
 import { getData, storeData } from '../utils/chromeStorage';
 import { checkDifference, getNameInfoForOthers } from '../background';
@@ -9,9 +9,8 @@ import { subscribeToEvent, unsubscribeFromEvent } from '../utils/events';
 export const useHandlePaymentNotification = (address) => {
   const [latestTx, setLatestTx] = useState(null);
 
-    const nameAddressOfSender = useRef({})
-    const isFetchingName = useRef({})
-  
+  const nameAddressOfSender = useRef({});
+  const isFetchingName = useRef({});
 
   const [lastEnteredTimestampPayment, setLastEnteredTimestampPayment] =
     useRecoilState(lastPaymentSeenTimestampAtom);
@@ -25,24 +24,25 @@ export const useHandlePaymentNotification = (address) => {
   }, [lastEnteredTimestampPayment, address]);
 
   const getNameOrAddressOfSender = useCallback(async (senderAddress) => {
-      if(isFetchingName.current[senderAddress]) return senderAddress
+    if (isFetchingName.current[senderAddress]) return senderAddress;
     try {
-        isFetchingName.current[senderAddress] = true
-        const res = await getNameInfoForOthers(senderAddress)
-        nameAddressOfSender.current[senderAddress] = res || senderAddress
+      isFetchingName.current[senderAddress] = true;
+      const res = await getNameInfoForOthers(senderAddress);
+      nameAddressOfSender.current[senderAddress] = res || senderAddress;
     } catch (error) {
-        console.error(error)
+      console.error(error);
     } finally {
-        isFetchingName.current[senderAddress] = false
+      isFetchingName.current[senderAddress] = false;
     }
+  }, []);
 
-    }, [])
-
-    const getNameOrAddressOfSenderMiddle =  useCallback(async(senderAddress)=> {
-        getNameOrAddressOfSender(senderAddress)
-        return senderAddress
-        
-      }, [getNameOrAddressOfSender])
+  const getNameOrAddressOfSenderMiddle = useCallback(
+    async (senderAddress) => {
+      getNameOrAddressOfSender(senderAddress);
+      return senderAddress;
+    },
+    [getNameOrAddressOfSender]
+  );
 
   const hasNewPayment = useMemo(() => {
     if (!latestTx) return false;
@@ -85,7 +85,6 @@ export const useHandlePaymentNotification = (address) => {
     }
   }, [address, setLastEnteredTimestampPayment]);
 
-  
   useEffect(() => {
     getLastSeenData();
     // Handler function for incoming messages
@@ -94,32 +93,38 @@ export const useHandlePaymentNotification = (address) => {
         return;
       }
       const message = event.data;
-        if (message?.action === "SET_PAYMENT_ANNOUNCEMENT" && message?.payload) {
+      if (message?.action === 'SET_PAYMENT_ANNOUNCEMENT' && message?.payload) {
         setLatestTx(message.payload);
       }
     };
 
     // Attach the event listener
-      window.addEventListener("message", messageHandler);
+    window.addEventListener('message', messageHandler);
 
     // Clean up the event listener on component unmount
     return () => {
-        window.removeEventListener("message", messageHandler);
+      window.removeEventListener('message', messageHandler);
     };
   }, [getLastSeenData]);
 
   const setLastEnteredTimestampPaymentEventFunc = useCallback(
     (e) => {
-            setLastEnteredTimestampPayment(Date.now)
+      setLastEnteredTimestampPayment(Date.now);
     },
     [setLastEnteredTimestampPayment]
   );
 
   useEffect(() => {
-        subscribeToEvent("setLastEnteredTimestampPaymentEvent", setLastEnteredTimestampPaymentEventFunc);
+    subscribeToEvent(
+      'setLastEnteredTimestampPaymentEvent',
+      setLastEnteredTimestampPaymentEventFunc
+    );
 
     return () => {
-          unsubscribeFromEvent("setLastEnteredTimestampPaymentEvent", setLastEnteredTimestampPaymentEventFunc);
+      unsubscribeFromEvent(
+        'setLastEnteredTimestampPaymentEvent',
+        setLastEnteredTimestampPaymentEventFunc
+      );
     };
   }, [setLastEnteredTimestampPaymentEventFunc]);
   return {
@@ -127,6 +132,6 @@ export const useHandlePaymentNotification = (address) => {
     getNameOrAddressOfSenderMiddle,
     hasNewPayment,
     setLastEnteredTimestampPayment,
-    nameAddressOfSender
-  }
-}
+    nameAddressOfSender,
+  };
+};