fix(core): update pricing pages (#7521)

packages/frontend/core/src/components/affine/setting-modal/general-setting/plans/layout.tsx

@@ -212,7 +212,11 @@ export const CloudPlanLayout = ({
           <ScrollArea.Thumb className={styles.scrollThumb}></ScrollArea.Thumb>
         </ScrollArea.Scrollbar>
       </ScrollArea.Root>
-      {lifetime ? <div id="lifetimePricingPlan">{lifetime}</div> : null}
+      {lifetime ? (
+        <div style={{ paddingTop: 12 }} id="lifetimePricingPlan">
+          {lifetime}
+        </div>
+      ) : null}
     </PricingCollapsible>
   );
 };

packages/frontend/core/src/components/affine/setting-modal/general-setting/plans/lifetime/benefits.tsx

@@ -31,11 +31,6 @@ export const BelieverBenefits = ({
           })}
         </span>
       </li>
-
-      <li className={li}>
-        <DoneIcon />
-        <span>{t['com.affine.payment.lifetime.benefit-4']()}</span>
-      </li>
     </ul>
   );
 };

packages/frontend/core/src/components/affine/setting-modal/general-setting/plans/lifetime/lifetime-plan.tsx

@@ -49,7 +49,7 @@ export const LifetimePlan = () => {
         <Trans
           i18nKey="com.affine.payment.lifetime.caption-2"
           components={{
-            a: <a className={styles.usePolicyLink} href="#" />,
+            a: <a className={styles.userPolicyLink} href="#" />,
           }}
         />
       </div>

packages/frontend/core/src/components/affine/setting-modal/general-setting/plans/lifetime/style.css.ts

@@ -36,7 +36,10 @@ export const caption2 = style({
   marginBottom: 16,
   maxWidth: 324,
 });
-export const usePolicyLink = style({
+export const userPolicyLink = style({
-  color: cssVar('textPrimaryColor'),
+  // link not ready
-  textDecoration: 'underline',
+  // color: cssVar('textPrimaryColor'),
+  // textDecoration: 'underline',
+  color: 'inherit',
+  cursor: 'text',
 });

packages/frontend/i18n/src/resources/en.json

@@ -944,7 +944,7 @@
   "com.affine.payment.billing-setting.current-plan": "AFFiNE Cloud",
   "com.affine.payment.billing-setting.current-plan.description": "You are currently on the <1>{{planName}} plan</1>.",
   "com.affine.payment.billing-setting.current-plan.description.monthly": "You are currently on the monthly <1>{{planName}} plan</1>.",
-  "com.affine.payment.billing-setting.current-plan.description.yearly": "You are currently on the yearly <1>{{planName}} plan</1>.",
+  "com.affine.payment.billing-setting.current-plan.description.yearly": "You are currently on the annually <1>{{planName}} plan</1>.",
   "com.affine.payment.billing-setting.current-plan.description.lifetime": "You are currently on the believer <1>{{planName}} plan</1>.",
   "com.affine.payment.billing-setting.expiration-date": "Expiration Date",
   "com.affine.payment.billing-setting.expiration-date.description": "Your subscription is valid until {{expirationDate}}",
@@ -991,9 +991,9 @@
   "com.affine.payment.cloud.free.title": "Free forever",
   "com.affine.payment.cloud.pricing-plan.select.caption": "We host, no technical setup required.",
   "com.affine.payment.cloud.pricing-plan.select.title": "Hosted by AFFiNE.Pro",
-  "com.affine.payment.cloud.pricing-plan.toggle-billed-yearly": "Billed Yearly",
+  "com.affine.payment.cloud.pricing-plan.toggle-billed-yearly": "Billed Annually",
   "com.affine.payment.cloud.pricing-plan.toggle-discount": "Saving {{discount}}%",
-  "com.affine.payment.cloud.pricing-plan.toggle-yearly": "Yearly",
+  "com.affine.payment.cloud.pricing-plan.toggle-yearly": "Annually",
   "com.affine.payment.cloud.pro.benefit.g1": "Include in Pro",
   "com.affine.payment.cloud.pro.benefit.g1-1": "Everything in AFFiNE FOSS & Basic.",
   "com.affine.payment.cloud.pro.benefit.g1-2": "100 GB of Cloud Storage.",
@@ -1005,7 +1005,7 @@
   "com.affine.payment.cloud.pro.benefit.g1-8": "Real-time Syncing & Collaboration for more people.",
   "com.affine.payment.cloud.pro.description": "For family and small teams.",
   "com.affine.payment.cloud.pro.name": "Pro",
-  "com.affine.payment.cloud.pro.title.billed-yearly": "billed yearly",
+  "com.affine.payment.cloud.pro.title.billed-yearly": "billed annually",
   "com.affine.payment.cloud.pro.title.price-monthly": "{{price}} per month",
   "com.affine.payment.cloud.team.benefit.g1": "Both in Team & Enterprise",
   "com.affine.payment.cloud.team.benefit.g1-1": "Everything in AFFiNE Pro.",
@@ -1064,7 +1064,7 @@
   "com.affine.payment.plans-error-tip": "Unable to load Pricing plans, please check your network. ",
   "com.affine.payment.price-description.per-month": "per month",
   "com.affine.payment.recurring-monthly": "monthly",
-  "com.affine.payment.recurring-yearly": "yearly",
+  "com.affine.payment.recurring-yearly": "annually",
   "com.affine.payment.resume": "Resume",
   "com.affine.payment.resume-renewal": "Resume Auto-renewal",
   "com.affine.payment.see-all-plans": "See all plans",