mirror of
https://github.com/lukevella/rallly.git
synced 2025-06-05 04:02:21 +02:00
💬 Update annual benefit (#1289)
This commit is contained in:
parent
5d8651740d
commit
5abb943676
4 changed files with 33 additions and 32 deletions
|
@ -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"
|
||||
}
|
||||
|
|
|
@ -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"
|
||||
|
|
|
@ -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"
|
||||
}
|
||||
|
|
|
@ -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"
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue