chore(core): always display annually for cloud toggle (#8693)

This commit is contained in:
CatsJuice 2024-11-04 15:05:16 +00:00
parent de7b1ff516
commit 5b5dc26abf
No known key found for this signature in database
GPG Key ID: 1C1E76924FAFDDE4

View File

@ -279,28 +279,18 @@ export const CloudPlans = () => {
const cloudToggle = (
<div className={styles.recurringToggleWrapper}>
<div>
{recurring === SubscriptionRecurring.Yearly ? (
<div className={styles.recurringToggleRecurring}>
{t['com.affine.payment.cloud.pricing-plan.toggle-yearly']()}
<div className={styles.recurringToggleRecurring}>
<span>
{t['com.affine.payment.cloud.pricing-plan.toggle-billed-yearly']()}
</span>
</div>
{yearlyDiscount ? (
<div className={styles.recurringToggleDiscount}>
{t['com.affine.payment.cloud.pricing-plan.toggle-discount']({
discount: yearlyDiscount,
})}
</div>
) : (
<>
<div className={styles.recurringToggleRecurring}>
<span>
{t[
'com.affine.payment.cloud.pricing-plan.toggle-billed-yearly'
]()}
</span>
</div>
{yearlyDiscount ? (
<div className={styles.recurringToggleDiscount}>
{t['com.affine.payment.cloud.pricing-plan.toggle-discount']({
discount: yearlyDiscount,
})}
</div>
) : null}
</>
)}
) : null}
</div>
<Switch
checked={recurring === SubscriptionRecurring.Yearly}