Merge pull request #1262 from logto-io/charles-log-3253-move-customize-sign-in-exp-to-3rd-place

refactor(console): move customize sign-in experience to 3rd place in get-started page

packages/console/src/pages/GetStarted/hook.ts

@@ -80,9 +80,20 @@ const useGetStartedMetadata = ({ checkDemoAppExists }: Props) => {
       },
     },
     {
-      id: 'configurePasswordless',
+      id: 'customizeSignInExperience',
       title: 'get_started.card3_title',
       subtitle: 'get_started.card3_subtitle',
+      icon: isLightMode ? Customize : CustomizeDark,
+      buttonText: 'general.customize',
+      isComplete: settings?.customizeSignInExperience,
+      onClick: () => {
+        navigate('/sign-in-experience');
+      },
+    },
+    {
+      id: 'configurePasswordless',
+      title: 'get_started.card4_title',
+      subtitle: 'get_started.card4_subtitle',
       icon: isLightMode ? Passwordless : PasswordlessDark,
       buttonText: 'general.create',
       isComplete: settings?.configurePasswordless,
@@ -92,25 +103,14 @@ const useGetStartedMetadata = ({ checkDemoAppExists }: Props) => {
     },
     {
       id: 'configureSocialSignIn',
-      title: 'get_started.card4_title',
-      subtitle: 'get_started.card4_subtitle',
+      title: 'get_started.card5_title',
+      subtitle: 'get_started.card5_subtitle',
       icon: isLightMode ? OneClick : OneClickDark,
       buttonText: 'general.set_up',
       onClick: () => {
         navigate('/connectors/social');
       },
     },
-    {
-      id: 'customizeSignInExperience',
-      title: 'get_started.card5_title',
-      subtitle: 'get_started.card5_subtitle',
-      icon: isLightMode ? Customize : CustomizeDark,
-      buttonText: 'general.customize',
-      isComplete: settings?.customizeSignInExperience,
-      onClick: () => {
-        navigate('/sign-in-experience');
-      },
-    },
     {
       id: 'checkFurtherReadings',
       title: 'get_started.card6_title',

packages/phrases/src/locales/en.ts

@@ -243,14 +243,14 @@ const translation = {
       card2_title: 'Create and integrate the first application',
       card2_subtitle:
         'Set up a mobile, single page or traditional application to use Logto for authentication',
-      card3_title: 'Enable phone number sign-in and email sign-in',
-      card3_subtitle:
-        'Try passwordless sign in and enable a secure and frictionless experience for your customer',
-      card4_title: 'Add a social connector',
+      card3_title: 'Customize sign-in experience',
+      card3_subtitle: 'Customize the sign in UI to match your brand and view in real time',
+      card4_title: 'Enable phone number sign-in and email sign-in',
       card4_subtitle:
+        'Try passwordless sign in and enable a secure and frictionless experience for your customer',
+      card5_title: 'Add a social connector',
+      card5_subtitle:
         'Let your customer sign in to your app with the social identities in one click',
-      card5_title: 'Customize sign-in experience',
-      card5_subtitle: 'Customize the sign in UI to match your brand and view in real time',
       card6_title: 'Further readings',
       card6_subtitle: 'Check out our step-by-step, scenario-based docs without tedious concepts',
     },

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

@@ -239,12 +239,12 @@ const translation = {
       card1_subtitle: '来体验 Logto 登录吧',
       card2_title: '创建你的第一款应用',
       card2_subtitle: '创建一个原生、单页或传统应用，并通过 Logto 进行身份验证',
-      card3_title: '实现手机号码登录和邮箱登录',
-      card3_subtitle: '尝试无密码登录，给你的用户一个安全无缝的体验',
-      card4_title: '添加社交连接器',
-      card4_subtitle: '让你的用户通过社交帐号一键登录',
-      card5_title: '自定义你的登录体验',
-      card5_subtitle: '自定义符合品牌形象的登录界面，并实时预览真实效果',
+      card3_title: '自定义你的登录体验',
+      card3_subtitle: '自定义符合品牌形象的登录界面，并实时预览真实效果',
+      card4_title: '实现手机号码登录和邮箱登录',
+      card4_subtitle: '尝试无密码登录，给你的用户一个安全无缝的体验',
+      card5_title: '添加社交连接器',
+      card5_subtitle: '让你的用户通过社交帐号一键登录',
       card6_title: '更多阅读',
       card6_subtitle: '查看我们一步一步基于场景的文档，没有复杂的概念，简单上手',
     },