diff --git a/static/gsApp/views/amCheckout/billingCycleSelectCard.tsx b/static/gsApp/views/amCheckout/billingCycleSelectCard.tsx index 3d91ff9eaf9756..46b11d9c53e2f0 100644 --- a/static/gsApp/views/amCheckout/billingCycleSelectCard.tsx +++ b/static/gsApp/views/amCheckout/billingCycleSelectCard.tsx @@ -9,7 +9,7 @@ import {t, tct} from 'sentry/locale'; import {ANNUAL} from 'getsentry/constants'; import type {Plan, Subscription} from 'getsentry/types'; -import {isDeveloperPlan} from 'getsentry/utils/billing'; +import {displayBudgetName, isDeveloperPlan} from 'getsentry/utils/billing'; import CheckoutOption from 'getsentry/views/amCheckout/checkoutOption'; import type {CheckoutFormData} from 'getsentry/views/amCheckout/types'; @@ -72,7 +72,10 @@ function BillingCycleSelectCard({ const additionalInfo = isAnnual ? tct('[budgetTerm] usage billed monthly, discount does not apply', { - budgetTerm: plan.budgetTerm === 'pay-as-you-go' ? 'PAYG' : plan.budgetTerm, + budgetTerm: + plan.budgetTerm === 'pay-as-you-go' + ? 'PAYG' + : displayBudgetName(plan, {title: true}), }) : t('Cancel anytime'); diff --git a/static/gsApp/views/amCheckout/cart.tsx b/static/gsApp/views/amCheckout/cart.tsx index 46c2ed204dfb98..91a01311ba09a7 100644 --- a/static/gsApp/views/amCheckout/cart.tsx +++ b/static/gsApp/views/amCheckout/cart.tsx @@ -15,7 +15,6 @@ import {IconChevron, IconLightning, IconLock, IconSentry} from 'sentry/icons'; import {t, tct} from 'sentry/locale'; import {DataCategory} from 'sentry/types/core'; import type {Organization} from 'sentry/types/organization'; -import {capitalize} from 'sentry/utils/string/capitalize'; import {toTitleCase} from 'sentry/utils/string/toTitleCase'; import useApi from 'sentry/utils/useApi'; @@ -30,6 +29,7 @@ import { type Subscription, } from 'getsentry/types'; import { + displayBudgetName, formatReservedWithUnits, getPlanIcon, getProductIcon, @@ -233,18 +233,15 @@ function ItemsSummary({activePlan, formData}: ItemsSummaryProps) { title={t('This product is only available with a PAYG budget.')} > }> - {isChonk || activePlan.budgetTerm === 'pay-as-you-go' ? ( + {isChonk ? ( tct('Unlock with [budgetTerm]', { - budgetTerm: - activePlan.budgetTerm === 'pay-as-you-go' - ? 'PAYG' - : activePlan.budgetTerm, + budgetTerm: displayBudgetName(activePlan, {title: true}), }) ) : ( // "Unlock with on-demand" gets cut off in non-chonk theme {tct('Unlock with [budgetTerm]', { - budgetTerm: activePlan.budgetTerm, + budgetTerm: displayBudgetName(activePlan, {title: true}), })} )} @@ -364,7 +361,7 @@ function SubtotalSummary({ {tct('[budgetTerm] spend limit', { - budgetTerm: capitalize(activePlan.budgetTerm), + budgetTerm: displayBudgetName(activePlan, {title: true}), })} diff --git a/static/gsApp/views/amCheckout/steps/setSpendLimit.tsx b/static/gsApp/views/amCheckout/steps/setSpendLimit.tsx index 292cb4576a54f7..8b62048ff0f4df 100644 --- a/static/gsApp/views/amCheckout/steps/setSpendLimit.tsx +++ b/static/gsApp/views/amCheckout/steps/setSpendLimit.tsx @@ -4,6 +4,7 @@ import {Flex} from 'sentry/components/core/layout'; import {t} from 'sentry/locale'; import type {OnDemandBudgets} from 'getsentry/types'; +import {displayBudgetName} from 'getsentry/utils/billing'; import trackGetsentryAnalytics from 'getsentry/utils/trackGetsentryAnalytics'; import ReserveAdditionalVolume from 'getsentry/views/amCheckout/reserveAdditionalVolume'; import StepHeader from 'getsentry/views/amCheckout/steps/stepHeader'; @@ -55,7 +56,7 @@ function SetSpendCap({ organization={organization} header={ diff --git a/static/gsApp/views/subscriptionPage/onDemandSettings.tsx b/static/gsApp/views/subscriptionPage/onDemandSettings.tsx index c5f8e2706d23f5..1221710884c5a2 100644 --- a/static/gsApp/views/subscriptionPage/onDemandSettings.tsx +++ b/static/gsApp/views/subscriptionPage/onDemandSettings.tsx @@ -54,7 +54,12 @@ export function OnDemandSettings({subscription, organization}: OnDemandSettingsP }, success: data => { SubscriptionStore.set(data.slug, data); - addSuccessMessage(t('%s max spend updated', subscription.planDetails.budgetTerm)); + addSuccessMessage( + t( + '%s max spend updated', + displayBudgetName(subscription.planDetails, {title: true}) + ) + ); }, }); }