diff --git a/src/app/screens/home/index.tsx b/src/app/screens/home/index.tsx index 3960cdfe4..e24e21fee 100644 --- a/src/app/screens/home/index.tsx +++ b/src/app/screens/home/index.tsx @@ -134,8 +134,8 @@ function Home() { const [openReceiveModal, setOpenReceiveModal] = useState(false); const [openSendModal, setOpenSendModal] = useState(false); const [openBuyModal, setOpenBuyModal] = useState(false); - const [btcReceiveAlert, setBtcReceiveAlert] = useState(false); - const [ordinalReceiveAlert, setOrdinalReceiveAlert] = useState(false); + const [isBtcReceiveAlertVisible, setIsBtcReceiveAlertVisible] = useState(false); + const [isOrdinalReceiveAlertVisible, setIsOrdinalReceiveAlertVisible] = useState(false); const { coinsList, stxAddress, btcAddress, ordinalsAddress, brcCoinsList, showBtcReceiveAlert, showOrdinalReceiveAlert } = useWalletSelector(); const { isLoading: loadingStxWalletData, isRefetching: refetchingStxWalletData } = useStxWalletData(); @@ -223,20 +223,20 @@ function Home() { const onOrdinalReceiveAlertOpen = () => { if (showOrdinalReceiveAlert) - setOrdinalReceiveAlert(true); + setIsOrdinalReceiveAlertVisible(true); }; const onOrdinalReceiveAlertClose = () => { - setOrdinalReceiveAlert(false); + setIsOrdinalReceiveAlertVisible(false); }; const onReceiveAlertClose = () => { - setBtcReceiveAlert(false); + setIsBtcReceiveAlertVisible(false); }; const onReceiveAlertOpen = () => { if (showBtcReceiveAlert) - setBtcReceiveAlert(true); + setIsBtcReceiveAlertVisible(true); }; const handleTokenPressed = (token: { @@ -287,8 +287,8 @@ function Home() { return ( <> - {btcReceiveAlert && } - {ordinalReceiveAlert && } + {isBtcReceiveAlertVisible && } + {isOrdinalReceiveAlertVisible && } ({ function NftDashboard() { const { t } = useTranslation('translation', { keyPrefix: 'NFT_DASHBOARD_SCREEN' }); const dispatch = useDispatch(); - const { stxAddress, ordinalsAddress, hasActivatedOrdinalsKey, showOrdinalReceiveAlert } = useWalletSelector(); - const [showShareNftOptions, setShowNftOptions] = useState(false); + const { stxAddress, ordinalsAddress, hasActivatedOrdinalsKey } = useWalletSelector(); + const [showShareNftOptions, setShowNftOptions] = useState(false); const [openReceiveModal, setOpenReceiveModal] = useState(false); const [showActivateOrdinalsAlert, setShowActivateOrdinalsAlert] = useState(false); - const [ordinalReceiveAlert, setOrdinalReceiveAlert] = useState(false); + const [isOrdinalReceiveAlertVisible, setIsOrdinalReceiveAlertVisible] = useState(false); const { data: nftsList, hasNextPage, @@ -274,11 +274,11 @@ function NftDashboard() { ); const onOrdinalReceiveAlertOpen = () => { - setOrdinalReceiveAlert(true); + setIsOrdinalReceiveAlertVisible(true); }; const onOrdinalReceiveAlertClose = () => { - setOrdinalReceiveAlert(false); + setIsOrdinalReceiveAlertVisible(false); }; const NftListView = useCallback( @@ -330,7 +330,7 @@ function NftDashboard() { return ( <> - {ordinalReceiveAlert && } + {isOrdinalReceiveAlertVisible && } {showActivateOrdinalsAlert && ( (false); - const [ordinalReceiveAlert, setOrdinalReceiveAlert] = useState(false); + const [isBtcReceiveAlertVisible, setIsBtcReceiveAlertVisible] = useState(false); + const [isOrdinalReceiveAlertVisible, setIsOrdinalReceiveAlertVisible] = useState(false); const navigate = useNavigate(); - const dispatch = useDispatch(); const { stxAddress, btcAddress, @@ -148,18 +146,18 @@ function Receive(): JSX.Element { }; const onReceiveAlertClose = () => { - setBtcReceiveAlert(false); + setIsBtcReceiveAlertVisible(false); }; const onOrdinalReceiveAlertClose = () => { - setOrdinalReceiveAlert(false); + setIsOrdinalReceiveAlertVisible(false); }; const handleOnClick = () => { navigator.clipboard.writeText(getAddress()); setAddressCopied(true); - if (currency === 'BTC' && showBtcReceiveAlert) { setBtcReceiveAlert(true); } - if (currency === 'ORD' && showOrdinalReceiveAlert ) { setOrdinalReceiveAlert(true); } + if (currency === 'BTC' && showBtcReceiveAlert) { setIsBtcReceiveAlertVisible(true); } + if (currency === 'ORD' && showOrdinalReceiveAlert ) { setIsOrdinalReceiveAlertVisible(true); } }; return ( <> @@ -208,8 +206,8 @@ function Receive(): JSX.Element { - {btcReceiveAlert && } - {ordinalReceiveAlert && } + {isBtcReceiveAlertVisible && } + {isOrdinalReceiveAlertVisible && } );