diff --git a/components/brave_wallet_ui/page/screens/send/send_screen/send_screen.tsx b/components/brave_wallet_ui/page/screens/send/send_screen/send_screen.tsx index 15927a0e053..13b6a11b4f7 100644 --- a/components/brave_wallet_ui/page/screens/send/send_screen/send_screen.tsx +++ b/components/brave_wallet_ui/page/screens/send/send_screen/send_screen.tsx @@ -159,6 +159,7 @@ export const SendScreen = React.memo(() => { const isPanel = useSafeUISelector(UISelectors.isPanel) const isMobile = useSafeUISelector(UISelectors.isMobile) const isMobileOrPanel = isMobile || isPanel + const isIOS = useSafeUISelector(UISelectors.isIOS) const isKeyboardVisible = useIsKeyboardVisible() const isZCashShieldedTransactionsEnabled = useSafeWalletSelector( WalletSelectors.isZCashShieldedTransactionsEnabled, @@ -304,9 +305,9 @@ export const SendScreen = React.memo(() => { return amountWei.gt(sendAssetBalance) }, [sendAssetBalance, sendAmount, tokenFromParams]) - const tokenColor = React.useMemo(() => { - return getDominantColorFromImageURL(tokenFromParams?.logo ?? '') - }, [tokenFromParams?.logo]) + const tokenColor = isIOS + ? undefined + : getDominantColorFromImageURL(tokenFromParams?.logo ?? '') const needsAccountSelected = accountIdFromParams === undefined diff --git a/components/brave_wallet_ui/page/screens/swap/swap.tsx b/components/brave_wallet_ui/page/screens/swap/swap.tsx index 10c073abec5..87e54849520 100644 --- a/components/brave_wallet_ui/page/screens/swap/swap.tsx +++ b/components/brave_wallet_ui/page/screens/swap/swap.tsx @@ -110,6 +110,7 @@ export const Swap = () => { const isPanel = useSafeUISelector(UISelectors.isPanel) const isMobile = useSafeUISelector(UISelectors.isMobile) const isMobileOrPanel = isMobile || isPanel + const isIOS = useSafeUISelector(UISelectors.isIOS) const isKeyboardVisible = useIsKeyboardVisible() // Refs @@ -137,10 +138,10 @@ export const Swap = () => { showPrivacyModal, ) - // Memos - const tokenColor = React.useMemo(() => { - return getDominantColorFromImageURL(toToken?.logo ?? '') - }, [toToken?.logo]) + // Computed + const tokenColor = isIOS + ? undefined + : getDominantColorFromImageURL(toToken?.logo ?? '') // render return (