refactor: sign-in content (#1398)

* refactor: sign-in content

* fix: update phrase key

packages/console/src/pages/SignInExperience/components/Preview.tsx

@@ -156,7 +156,7 @@ const Preview = ({ signInExperience, className }: Props) => {
             setPlatform('mobile');
           }}
         >
-          {t('sign_in_exp.preview.mobile')}
+          {t('sign_in_exp.preview.native')}
         </TabNavItem>
         <TabNavItem
           isActive={platform === 'desktopWeb'}

packages/console/src/pages/SignInExperience/components/SignInMethodsForm.tsx

@@ -29,7 +29,7 @@ const SignInMethodsForm = () => {
     primaryMethod?: SignInMethodKey
   ) => {
     if (oldPrimaryMethod) {
-      // The secondary sign in method should select the old primary method by default.
+      // The secondary sign-in method should select the old primary method by default.
       setValue(`signInMethods.${oldPrimaryMethod}`, true);
     }
 

packages/console/src/pages/SignInExperience/index.tsx

@@ -74,7 +74,7 @@ const SignInExperience = () => {
 
     const formatted = signInExperienceParser.toRemoteModel(formData);
 
-    // Sign in methods changed, need to show confirm modal first.
+    // Sign-in methods changed, need to show confirm modal first.
     if (!compareSignInMethods(data, formatted)) {
       setDataToCompare(formatted);
 

packages/core/src/lib/sign-in-experience.test.ts

@@ -59,7 +59,7 @@ describe('validate terms of use', () => {
   });
 });
 
-describe('check whether the social sign in method state is enabled', () => {
+describe('check whether the social sign-in method state is enabled', () => {
   it('should be truthy when sign-in method state is primary', () => {
     expect(isEnabled(SignInMethodState.Primary)).toBeTruthy();
   });

packages/phrases/src/locales/en.ts

@@ -313,7 +313,7 @@ const translation = {
       description: 'Customize the sign in UI to match your brand and view in real time',
       tabs: {
         branding: 'Branding',
-        methods: 'Sign in methods',
+        methods: 'Sign-in methods',
         others: 'Others',
       },
       welcome: {
@@ -357,12 +357,12 @@ const translation = {
         terms_of_use_tip: 'Terms of use URL',
       },
       sign_in_methods: {
-        title: 'SIGN IN METHODS',
+        title: 'SIGN-IN METHODS',
-        primary: 'Primary sign in method',
+        primary: 'Primary sign-in method',
         enable_secondary: 'Enable secondary sign in',
         enable_secondary_description:
-          "Once it's turned on, you app will support more sign in method(s) besides the primary one. ",
+          "Once it's turned on, you app will support more sign-in method(s) besides the primary one. ",
-        methods: 'Sign in method',
+        methods: 'Sign-in method',
         methods_sms: 'Phone number sign in',
         methods_email: 'Email sign in',
         methods_social: 'Social sign in',
@@ -405,19 +405,19 @@ const translation = {
       },
       save_alert: {
         description:
-          'You are changing sign in methods. This will impact some of your users. Are you sure you want to do that?',
+          'You are changing sign-in methods. This will impact some of your users. Are you sure you want to do that?',
         before: 'Before',
         after: 'After',
       },
       preview: {
-        title: 'Sign In Preview',
+        title: 'Sign-in Preview',
         languages: {
           english: 'English',
           chinese: 'Chinese',
         },
         dark: 'Dark',
         light: 'Light',
-        mobile: 'Mobile',
+        native: 'native',
         desktop_web: 'Desktop Web',
         mobile_web: 'Mobile Web',
       },

packages/phrases/src/locales/zh-cn.ts

@@ -403,7 +403,7 @@ const translation = {
         },
         dark: '深色',
         light: '浅色',
-        mobile: '移动',
+        native: '原生',
         desktop_web: '桌面网页',
         mobile_web: '移动网页',
       },