diff --git a/src/pages/settings/Subscription/CardSection/CardSection.tsx b/src/pages/settings/Subscription/CardSection/CardSection.tsx index 4cc160fc13b2..bbdc5aa67838 100644 --- a/src/pages/settings/Subscription/CardSection/CardSection.tsx +++ b/src/pages/settings/Subscription/CardSection/CardSection.tsx @@ -16,6 +16,7 @@ import useThemeStyles from '@hooks/useThemeStyles'; import * as User from '@libs/actions/User'; import DateUtils from '@libs/DateUtils'; import Navigation from '@libs/Navigation/Navigation'; +import {getPaymentMethodDescription} from '@libs/PaymentUtils'; import * as SubscriptionUtils from '@libs/SubscriptionUtils'; import * as Subscription from '@userActions/Subscription'; import CONST from '@src/CONST'; @@ -113,7 +114,7 @@ function CardSection() { medium /> - {translate('subscription.cardSection.cardEnding', {cardNumber: defaultCard?.accountData?.cardNumber})} + {getPaymentMethodDescription(defaultCard?.accountType, defaultCard?.accountData)} {translate('subscription.cardSection.cardInfo', { name: defaultCard?.accountData?.addressName, diff --git a/src/pages/settings/Subscription/CardSection/utils.ts b/src/pages/settings/Subscription/CardSection/utils.ts index 9a797d98e025..48999f1bb7cb 100644 --- a/src/pages/settings/Subscription/CardSection/utils.ts +++ b/src/pages/settings/Subscription/CardSection/utils.ts @@ -24,7 +24,7 @@ function getBillingStatus( translate: (phraseKey: TKey, ...phraseParameters: PhraseParameters>) => string, accountData?: AccountData, ): BillingStatusResult | undefined { - const cardEnding = accountData?.cardNumber ?? ''; + const cardEnding = (accountData?.cardNumber ?? '')?.slice(-4); const amountOwed = SubscriptionUtils.getAmountOwed();