💬 Update annual benefit (#1289)

This commit is contained in:
Luke Vella 2024-08-31 11:44:52 +01:00 committed by GitHub
parent 5d8651740d
commit 5abb943676
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 33 additions and 32 deletions

View file

@ -28,6 +28,6 @@
"keepPollsIndefinitely": "Keep polls indefinitely",
"whenPollInactive": "When does a poll become inactive?",
"whenPollInactiveAnswer": "Polls become inactive when all date options are in the past AND the poll has not been accessed for over 30 days. Inactive polls are automatically deleted if you do not have a paid subscription.",
"discount": "Save {amount}",
"yearlyBillingDescription": "per year"
"yearlyBillingDescription": "per year",
"annualBenefit": "{count} months free"
}

View file

@ -72,15 +72,6 @@ const PriceTables = ({
</TabsTrigger>
<TabsTrigger value="yearly" className="inline-flex gap-x-2.5">
<Trans i18nKey="pricing:billingPeriodYearly" defaults="Yearly" />
<Badge variant="green" className="inline-flex gap-2">
<Trans
i18nKey="pricing:discount"
defaults="Save {amount}"
values={{
amount: `$${(pricingData.monthly.amount * 12 - pricingData.yearly.amount) / 100}`,
}}
/>
</Badge>
</TabsTrigger>
</TabsList>
</div>
@ -137,9 +128,20 @@ const PriceTables = ({
</BillingPlanDescription>
</BillingPlanHeader>
<TabsContent value="yearly">
<BillingPlanPrice>
${pricingData.yearly.amount / 100}
</BillingPlanPrice>
<div className="flex items-center gap-x-2">
<BillingPlanPrice>
${pricingData.yearly.amount / 100}
</BillingPlanPrice>
<Badge variant="green" className="inline-flex gap-2">
<Trans
i18nKey="pricing:annualBenefit"
defaults="{count} months free!"
values={{
count: 4,
}}
/>
</Badge>
</div>
<BillingPlanPeriod>
<Trans
i18nKey="pricing:yearlyBillingDescription"