Remove unused imports

This commit is contained in:
Nicola Benaglia 2025-04-18 15:24:13 +02:00
parent d4eb2ae8ff
commit 1dfad6371a
2 changed files with 1476 additions and 1435 deletions

View File

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

File diff suppressed because it is too large Load Diff