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})
+ )
+ );
},
});
}