From 359537f1372a9bf8c31f1fdfe287dcff8dc58f32 Mon Sep 17 00:00:00 2001
From: Charles Zhao <charleszhao@silverhand.io>
Date: Mon, 27 Jun 2022 23:14:42 +0800
Subject: [PATCH] refactor(console): move customize sign-in experience to 3rd
place in get-started page
---
packages/console/src/pages/GetStarted/hook.ts | 28 +++++++++----------
packages/phrases/src/locales/en.ts | 12 ++++----
packages/phrases/src/locales/zh-cn.ts | 12 ++++----
3 files changed, 26 insertions(+), 26 deletions(-)
diff --git a/packages/console/src/pages/GetStarted/hook.ts b/packages/console/src/pages/GetStarted/hook.ts
index b6d6c7232..214c012dc 100644
--- a/packages/console/src/pages/GetStarted/hook.ts
+++ b/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',
diff --git a/packages/phrases/src/locales/en.ts b/packages/phrases/src/locales/en.ts
index 20b1f4257..02331ecbb 100644
--- a/packages/phrases/src/locales/en.ts
+++ b/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',
},
diff --git a/packages/phrases/src/locales/zh-cn.ts b/packages/phrases/src/locales/zh-cn.ts
index 18c52e53a..7a65e66e0 100644
--- a/packages/phrases/src/locales/zh-cn.ts
+++ b/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: '查看我们一步一步基于场景的文档，没有复杂的概念，简单上手',
},