fix(core): adjust payment related text (#4797)

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

@@ -117,8 +117,7 @@ const Settings = () => {
           You are current on the {{ currentPlan }} plan. If you have any
           questions, please contact our 
           <a
-            href="#"
-            target="_blank"
+            href="mailto:support@toeverything.info"
             style={{ color: 'var(--affine-link-color)' }}
           >
             customer support
@@ -139,7 +138,9 @@ const Settings = () => {
     >
       {Object.values(SubscriptionRecurring).map(recurring => (
         <RadioButton key={recurring} value={recurring}>
-          {getRecurringLabel({ recurring, t })}
+          <span className={styles.radioButtonText}>
+            {getRecurringLabel({ recurring, t })}
+          </span>
           {recurring === SubscriptionRecurring.Yearly && yearlyDiscount && (
             <span className={styles.radioButtonDiscount}>
               {t['com.affine.payment.discount-amount']({
@@ -163,15 +164,17 @@ const Settings = () => {
               pushNotification({
                 type: 'success',
                 title: t['com.affine.payment.updated-notify-title'](),
-                message: t['com.affine.payment.updated-notify-msg']({
-                  plan:
-                    detail.plan === SubscriptionPlan.Free
-                      ? SubscriptionPlan.Free
-                      : getRecurringLabel({
+                message:
+                  detail.plan === SubscriptionPlan.Free
+                    ? t[
+                        'com.affine.payment.updated-notify-msg.cancel-subscription'
+                      ]()
+                    : t['com.affine.payment.updated-notify-msg']({
+                        plan: getRecurringLabel({
                           recurring: recurring as SubscriptionRecurring,
                           t,
                         }),
-                }),
+                      }),
               });
             }}
             {...{ detail, subscription, recurring }}

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

@@ -92,7 +92,7 @@ export function getPlanDetail(t: ReturnType<typeof useAFFiNEI18N>) {
           t['com.affine.payment.benefit-2'](),
           t['com.affine.payment.benefit-3'](),
           t['com.affine.payment.benefit-4']({ capacity: '100GB' }),
-          t['com.affine.payment.benefit-5']({ capacity: '500M' }),
+          t['com.affine.payment.benefit-5']({ capacity: '100M' }),
           t['com.affine.payment.benefit-6']({ capacity: '10' }),
         ],
       },

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

@@ -12,6 +12,13 @@ export const radioButtonDiscount = style({
   color: 'var(--affine-primary-color)',
   fontWeight: 400,
 });
+export const radioButtonText = style({
+  selectors: {
+    '&:first-letter': {
+      textTransform: 'uppercase',
+    },
+  },
+});
 
 export const planCardsWrapper = style({
   paddingRight: 'calc(var(--setting-modal-gap-x) + 30px)',

packages/frontend/core/src/components/pure/cmdk/data.tsx

@@ -250,7 +250,9 @@ export const usePageCommands = () => {
       if (results.every(command => command.originalValue !== query)) {
         results.push({
           id: 'affine:pages:create-page',
-          label: `${t['com.affine.cmdk.affine.create-new-page-as']()} ${query}`,
+          label: t['com.affine.cmdk.affine.create-new-page-as']({
+            keyWord: query,
+          }),
           value: 'affine::create-page' + query, // hack to make the page always showing in the search result
           category: 'affine:creation',
           run: async () => {
@@ -263,9 +265,9 @@ export const usePageCommands = () => {
 
         results.push({
           id: 'affine:pages:create-edgeless',
-          label: `${t[
-            'com.affine.cmdk.affine.create-new-edgeless-as'
-          ]()} ${query}`,
+          label: t['com.affine.cmdk.affine.create-new-edgeless-as']({
+            keyWord: query,
+          }),
           value: 'affine::create-edgeless' + query, // hack to make the page always showing in the search result
           category: 'affine:creation',
           run: async () => {