diff --git a/src/components/AddToWalletButton/index.native.tsx b/src/components/AddToWalletButton/index.native.tsx index 2d650e4696b6..9b9c4bbcb258 100644 --- a/src/components/AddToWalletButton/index.native.tsx +++ b/src/components/AddToWalletButton/index.native.tsx @@ -4,6 +4,7 @@ import React, {useCallback, useEffect, useState} from 'react'; import {Alert, View} from 'react-native'; import ActivityIndicator from '@components/ActivityIndicator'; import Text from '@components/Text'; +import useAppFocusEvent from '@hooks/useAppFocusEvent'; import useLocalize from '@hooks/useLocalize'; import useThemeStyles from '@hooks/useThemeStyles'; import {getPaymentMethods} from '@libs/actions/PaymentMethods'; @@ -61,6 +62,16 @@ function AddToWalletButton({card, cardHolderName, cardDescription, style}: AddTo checkIfCardIsInWallet(); }, [checkIfCardIsInWallet, isCardAvailable, card]); + // Recheck card status when app regains focus in case user manually adds card to wallet outside the app + useAppFocusEvent( + useCallback(() => { + if (!isCardAvailable) { + return; + } + checkIfCardIsInWallet(); + }, [checkIfCardIsInWallet, isCardAvailable]), + ); + useEffect(() => { if (!isCardAvailable) { return;