diff --git a/src/locales/en/main.json b/src/locales/en/main.json index ee084f1a2..14e4a348d 100644 --- a/src/locales/en/main.json +++ b/src/locales/en/main.json @@ -1910,6 +1910,7 @@ "prepaidDescription": "Pre-paid credits", "prepaidCreditsInfo": "Pre-paid credits expire after 1 year from purchase date.", "creditsRemainingThisMonth": "Credits remaining this month", + "creditsRemainingThisYear": "Credits remaining this year", "creditsYouveAdded": "Credits you've added", "monthlyCreditsInfo": "These credits refresh monthly and don't roll over", "viewMoreDetailsPlans": "View more details about plans & pricing", diff --git a/src/platform/cloud/subscription/components/SubscriptionPanel.vue b/src/platform/cloud/subscription/components/SubscriptionPanel.vue index 78835ab2e..3268ab630 100644 --- a/src/platform/cloud/subscription/components/SubscriptionPanel.vue +++ b/src/platform/cloud/subscription/components/SubscriptionPanel.vue @@ -156,9 +156,9 @@
- {{ $t('subscription.creditsRemainingThisMonth') }} + {{ creditsRemainingLabel }}
@@ -397,6 +397,11 @@ const tierKey = computed(() => { const tierPrice = computed(() => getTierPrice(tierKey.value, isYearlySubscription.value) ) +const creditsRemainingLabel = computed(() => + isYearlySubscription.value + ? t('subscription.creditsRemainingThisYear') + : t('subscription.creditsRemainingThisMonth') +) // Tier benefits for v-for loop type BenefitType = 'metric' | 'feature' @@ -416,7 +421,9 @@ const tierBenefits = computed((): Benefit[] => { key: 'monthlyCredits', type: 'metric', value: n(getTierCredits(key)), - label: t('subscription.monthlyCreditsLabel') + label: isYearlySubscription.value + ? t('subscription.yearlyCreditsLabel') + : t('subscription.monthlyCreditsLabel') }, { key: 'maxDuration',