3pp-mirror/rallly
1
0
Fork 0
mirror of https://github.com/lukevella/rallly.git synced 2025-08-06 09:59:00 +02:00
Code Issues Projects Releases Packages Wiki Activity

💬 Update annual benefit (#1289)

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

4
apps/web/public/locales/en/app.json
View file

@ -262,7 +262,6 @@
"pastEventsEmptyStateDescription": "When you schedule events, they will appear here.",
"activePollCount": "{{activePollCount}} Live",
"createPoll": "Create poll",
"yearlyDiscount": "Save {amount}",
"yearlyBillingDescription": "per year",
"addToCalendar": "Add to Calendar",
"microsoft365": "Microsoft 365",
@ -273,5 +272,6 @@
"timeZoneChangeDetectorTitle": "Timezone Change Detected",
"timeZoneChangeDetectorMessage": "Your timezone has changed to {currentTimeZone}. Do you want to update your preferences?",
"yesUpdateTimezone": "Yes, update my timezone",
"noKeepCurrentTimezone": "No, keep the current timezone"
"noKeepCurrentTimezone": "No, keep the current timezone",
"annualBenefit": "{count} months free"
}

31
apps/web/src/app/[locale]/(admin)/settings/billing/billing-plans.tsx
View file

@ -41,19 +41,6 @@ export const BillingPlans = ({ pricingData }: { pricingData: PricingData }) => {
</TabsTrigger>
<TabsTrigger value="yearly" className="inline-flex gap-x-2.5">
<Trans i18nKey="billingPeriodYearly" />
<Badge variant="green">
<Trans
i18nKey="yearlyDiscount"
defaults="Save {amount}"
values={{
amount: `$${
(pricingData.monthly.amount * 12 -
pricingData.yearly.amount) /
100
}`,
}}
/>
</Badge>
</TabsTrigger>
</TabsList>
</div>
@ -109,9 +96,21 @@ export const BillingPlans = ({ pricingData }: { pricingData: PricingData }) => {
</div>
<div className="flex">
<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">
<Trans
i18nKey="annualBenefit"
defaults="{count} months free"
values={{
count: 4,
}}
/>
</Badge>
</div>
<BillingPlanPeriod>
<Trans
i18nKey="yearlyBillingDescription"