0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-04-14 23:11:31 -05:00

refactor(console): update form card phrases and links (#2511)

This commit is contained in:
Xiao Yijun 2022-11-23 14:57:35 +08:00 committed by GitHub
parent f16594520c
commit 115f75b5de
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
43 changed files with 67 additions and 52 deletions

View file

@ -27,6 +27,7 @@
a {
color: var(--color-text-link);
text-decoration: none;
margin-left: _.unit(1);
}
}
}

View file

@ -1,28 +1,34 @@
import type { AdminConsoleKey } from '@logto/phrases';
import type { ReactNode } from 'react';
import { useTranslation } from 'react-i18next';
import { Link } from 'react-router-dom';
import Card from '../Card';
import * as styles from './index.module.scss';
type Props = {
title: AdminConsoleKey;
description: AdminConsoleKey;
description?: AdminConsoleKey;
learnMoreLink?: string;
children: ReactNode;
};
const FormCard = ({ title, description, children }: Props) => {
const FormCard = ({ title, description, learnMoreLink, children }: Props) => {
const { t } = useTranslation(undefined, { keyPrefix: 'admin_console' });
return (
<Card className={styles.container}>
<div className={styles.introduction}>
<div className={styles.title}>{t(title)}</div>
<div className={styles.description}>
{t(description)} {/* TODO: @Yijun update this link when @Guamian is ready for this */}{' '}
<Link to="#">{t('general.learn_more')}</Link>
</div>
{description && (
<div className={styles.description}>
{t(description)}
{learnMoreLink && (
<a href={learnMoreLink} target="_blank" rel="noopener">
{t('general.learn_more')}
</a>
)}
</div>
)}
</div>
<div className={styles.form}>{children}</div>
</Card>

View file

@ -171,6 +171,7 @@ const ApiResourceDetails = () => {
<FormCard
title="api_resource_details.settings"
description="api_resource_details.settings_description"
learnMoreLink="https://docs.logto.io/docs/recipes/protect-your-api"
>
<FormField isRequired title="api_resources.api_name">
<TextInput

View file

@ -23,6 +23,7 @@ const AdvancedSettings = ({ applicationType, oidcConfig }: Props) => {
<FormCard
title="application_details.advanced_settings"
description="application_details.advanced_settings_description"
learnMoreLink="https://openid.net/specs/openid-connect-core-1_0.html#TokenEndpoint"
>
<FormField
title="application_details.authorization_endpoint"

View file

@ -40,6 +40,7 @@ const Settings = ({ data }: Props) => {
<FormCard
title="application_details.settings"
description="application_details.settings_description"
learnMoreLink="https://docs.logto.io/docs/references/applications"
>
<FormField isRequired title="application_details.application_name">
<TextInput

View file

@ -80,6 +80,7 @@ const ConnectorContent = ({ isDeleted, connectorData, onConnectorUpdated }: Prop
<FormCard
title="connector_details.settings"
description="connector_details.settings_description"
learnMoreLink="https://docs.logto.io/docs/references/connectors"
>
<Controller
name="configJson"

View file

@ -57,7 +57,7 @@ const Settings = () => {
onSubmit={onSubmit}
onDiscard={reset}
>
<FormCard title="settings.settings" description="settings.settings_description">
<FormCard title="settings.settings">
<FormField title="settings.language">
<Controller
name="language"

View file

@ -102,7 +102,11 @@ const UserSettings = ({ userData, userFormData, isDeleted, onUserUpdated }: Prop
onSubmit={onSubmit}
onDiscard={reset}
>
<FormCard title="user_details.settings" description="user_details.settings_description">
<FormCard
title="user_details.settings"
description="user_details.settings_description"
learnMoreLink="https://docs.logto.io/docs/references/users"
>
{getValues('primaryEmail') && (
<FormField title="user_details.field_email">
<TextInput readOnly {...register('primaryEmail')} />

View file

@ -2,7 +2,7 @@ const api_resource_details = {
back_to_api_resources: 'Zurück zu API Ressourcen',
settings: 'Settings', // UNTRANSLATED
settings_description:
'With Applications you can. Setup a mobile, web or IoT application to use Logto for Authentication. Configure the allowed Callback URLs and Secrets for your Application.', // UNTRANSLATED
'API resources, a.k.a. Resource Indicators, indicate the target services or resources to be requested, usually, a URI format variable representing the resources identity.', // UNTRANSLATED
token_expiration_time_in_seconds: 'Token Ablaufzeit (in Sekunden)',
token_expiration_time_in_seconds_placeholder: 'Gib die Ablaufzeit des Tokens ein',
delete_description:

View file

@ -3,10 +3,10 @@ const application_details = {
check_guide: 'Zur Anleitung',
settings: 'Settings', // UNTRANSLATED
settings_description:
'With Applications you can. Setup a mobile, web or IoT application to use Logto for Authentication. Configure the allowed Callback URLs and Secrets for your Application.', // UNTRANSLATED
'Applications are used to identify your applications in Logto for OIDC, sign-in experience, audit logs, etc.', // UNTRANSLATED
advanced_settings: 'Erweiterte Einstellungen',
advanced_settings_description:
'It real sent your at. Amounted all shy set why followed declared.', // UNTRANSLATED
'Advanced settings include OIDC related terms. You can check out the Token Endpoint for more information.', // UNTRANSLATED
application_name: 'Anwendungsname',
application_name_placeholder: 'Meine App',
description: 'Beschreibung',

View file

@ -3,7 +3,7 @@ const connector_details = {
check_readme: 'Zur README',
settings: 'Settings', // UNTRANSLATED
settings_description:
'It real sent your at. Amounted all shy set why followed declared. Repeated of endeavor mr position kindness offering ignorant so up. Simplicity are melancholy preference considered saw companions.', // UNTRANSLATED
'Connectors play a critical role in Logto. With their help, Logto enables end-users to use passwordless registration or sign-in and the capabilities of signing in with social accounts.', // UNTRANSLATED
save_error_empty_config: 'Bitte fülle die Konfiguration aus',
send: 'Senden',
send_error_invalid_format: 'Ungültige Eingabe',

View file

@ -2,7 +2,6 @@ const settings = {
title: 'Einstellungen',
description: 'Verwalte die globalen Einstellungen',
settings: 'Einstellungen',
settings_description: 'It real sent your at. Amounted all shy set why followed declared.', // UNTRANSLATED
custom_domain: 'Benutzerdefinierte Domain',
language: 'Sprache',
appearance: 'Darstellung',

View file

@ -18,7 +18,8 @@ const user_details = {
},
tab_logs: 'Benutzer-Logs',
settings: 'Settings', // UNTRANSLATED
settings_description: 'It real sent your at. Amounted all shy set why followed declared.', // UNTRANSLATED
settings_description:
'Each user has a profile containing all user information. It consists of basic data, social identities, and custom data.', // UNTRANSLATED
field_email: 'Primäre E-Mail',
field_phone: 'Primäre Telefonnummer',
field_username: 'Benutzername',

View file

@ -2,7 +2,7 @@ const api_resource_details = {
back_to_api_resources: 'Back to API resources',
settings: 'Settings',
settings_description:
'With Applications you can. Setup a mobile, web or IoT application to use Logto for Authentication. Configure the allowed Callback URLs and Secrets for your Application.',
'API resources, a.k.a. Resource Indicators, indicate the target services or resources to be requested, usually, a URI format variable representing the resources identity.',
token_expiration_time_in_seconds: 'Token expiration time (in seconds)',
token_expiration_time_in_seconds_placeholder: 'Enter your token expiration time',
delete_description:

View file

@ -3,10 +3,10 @@ const application_details = {
check_guide: 'Check Guide',
settings: 'Settings',
settings_description:
'With Applications you can. Setup a mobile, web or IoT application to use Logto for Authentication. Configure the allowed Callback URLs and Secrets for your Application.',
'Applications are used to identify your applications in Logto for OIDC, sign-in experience, audit logs, etc.',
advanced_settings: 'Advanced settings',
advanced_settings_description:
'It real sent your at. Amounted all shy set why followed declared.',
'Advanced settings include OIDC related terms. You can check out the Token Endpoint for more information.',
application_name: 'Application name',
application_name_placeholder: 'My App',
description: 'Description',

View file

@ -3,7 +3,7 @@ const connector_details = {
check_readme: 'Check README',
settings: 'Settings',
settings_description:
'It real sent your at. Amounted all shy set why followed declared. Repeated of endeavor mr position kindness offering ignorant so up. Simplicity are melancholy preference considered saw companions.', // UNTRANSLATED
'Connectors play a critical role in Logto. With their help, Logto enables end-users to use passwordless registration or sign-in and the capabilities of signing in with social accounts.',
save_error_empty_config: 'Please enter config',
send: 'Send',
send_error_invalid_format: 'Invalid input',

View file

@ -2,7 +2,6 @@ const settings = {
title: 'Settings',
description: 'Manage the global settings',
settings: 'Settings',
settings_description: 'It real sent your at. Amounted all shy set why followed declared.', // UNTRANSLATED
custom_domain: 'Custom domain',
language: 'Language',
appearance: 'Appearance',

View file

@ -15,8 +15,9 @@ const user_details = {
new_password: 'New password:',
},
tab_logs: 'User logs',
settings: 'Settings', // UNTRANSLATED
settings_description: 'It real sent your at. Amounted all shy set why followed declared.', // UNTRANSLATED
settings: 'Settings',
settings_description:
'Each user has a profile containing all user information. It consists of basic data, social identities, and custom data.',
field_email: 'Primary email',
field_phone: 'Primary phone',
field_username: 'Username',

View file

@ -2,7 +2,7 @@ const api_resource_details = {
back_to_api_resources: 'Retour aux ressources API',
settings: 'Settings', // UNTRANSLATED
settings_description:
'With Applications you can. Setup a mobile, web or IoT application to use Logto for Authentication. Configure the allowed Callback URLs and Secrets for your Application.', // UNTRANSLATED
'API resources, a.k.a. Resource Indicators, indicate the target services or resources to be requested, usually, a URI format variable representing the resources identity.', // UNTRANSLATED
token_expiration_time_in_seconds: "Temps d'expiration du jeton (en secondes)",
token_expiration_time_in_seconds_placeholder: "Entrez le délai d'expiration de votre jeton",
delete_description:

View file

@ -3,10 +3,10 @@ const application_details = {
check_guide: 'Aller voir le guide',
settings: 'Settings', // UNTRANSLATED
settings_description:
'With Applications you can. Setup a mobile, web or IoT application to use Logto for Authentication. Configure the allowed Callback URLs and Secrets for your Application.', // UNTRANSLATED
'Applications are used to identify your applications in Logto for OIDC, sign-in experience, audit logs, etc.', // UNTRANSLATED
advanced_settings: 'Paramètres avancés',
advanced_settings_description:
'It real sent your at. Amounted all shy set why followed declared.', // UNTRANSLATED
'Advanced settings include OIDC related terms. You can check out the Token Endpoint for more information.', // UNTRANSLATED
application_name: "Nom de l'application",
application_name_placeholder: 'Mon App',
description: 'Description',

View file

@ -3,7 +3,7 @@ const connector_details = {
check_readme: 'Vérifier le README',
settings: 'Settings', // UNTRANSLATED
settings_description:
'It real sent your at. Amounted all shy set why followed declared. Repeated of endeavor mr position kindness offering ignorant so up. Simplicity are melancholy preference considered saw companions.', // UNTRANSLATED
'Connectors play a critical role in Logto. With their help, Logto enables end-users to use passwordless registration or sign-in and the capabilities of signing in with social accounts.', // UNTRANSLATED
save_error_empty_config: 'Veuillez entrer la configuration',
send: 'Envoyer',
send_error_invalid_format: 'Entrée non valide',

View file

@ -2,7 +2,6 @@ const settings = {
title: 'Paramètres',
description: 'Gérer les paramètres globaux',
settings: 'Paramètres',
settings_description: 'It real sent your at. Amounted all shy set why followed declared.', // UNTRANSLATED
custom_domain: 'Domaine personnalisé',
language: 'Langue',
appearance: 'Apparence',

View file

@ -18,7 +18,8 @@ const user_details = {
},
tab_logs: "Journaux de l'utilisateur",
settings: 'Settings', // UNTRANSLATED
settings_description: 'It real sent your at. Amounted all shy set why followed declared.', // UNTRANSLATED
settings_description:
'Each user has a profile containing all user information. It consists of basic data, social identities, and custom data.', // UNTRANSLATED
field_email: 'Email principale',
field_phone: 'Téléphone principal',
field_username: "Nom d'utilisateur",

View file

@ -2,7 +2,7 @@ const api_resource_details = {
back_to_api_resources: 'API 리소스로 돌아가기',
settings: 'Settings', // UNTRANSLATED
settings_description:
'With Applications you can. Setup a mobile, web or IoT application to use Logto for Authentication. Configure the allowed Callback URLs and Secrets for your Application.', // UNTRANSLATED
'API resources, a.k.a. Resource Indicators, indicate the target services or resources to be requested, usually, a URI format variable representing the resources identity.', // UNTRANSLATED
token_expiration_time_in_seconds: '토큰 만료 시간 (초)',
token_expiration_time_in_seconds_placeholder: '토큰 만료 시간을 입력해주세요',
delete_description:

View file

@ -3,10 +3,10 @@ const application_details = {
check_guide: '가이드 확인',
settings: 'Settings', // UNTRANSLATED
settings_description:
'With Applications you can. Setup a mobile, web or IoT application to use Logto for Authentication. Configure the allowed Callback URLs and Secrets for your Application.', // UNTRANSLATED
'Applications are used to identify your applications in Logto for OIDC, sign-in experience, audit logs, etc.', // UNTRANSLATED
advanced_settings: '고급 설정',
advanced_settings_description:
'It real sent your at. Amounted all shy set why followed declared.', // UNTRANSLATED
'Advanced settings include OIDC related terms. You can check out the Token Endpoint for more information.', // UNTRANSLATED
application_name: '어플리케이션 이름',
application_name_placeholder: '나의 앱',
description: '설명',

View file

@ -3,7 +3,7 @@ const connector_details = {
check_readme: 'README 확인',
settings: 'Settings', // UNTRANSLATED
settings_description:
'It real sent your at. Amounted all shy set why followed declared. Repeated of endeavor mr position kindness offering ignorant so up. Simplicity are melancholy preference considered saw companions.', // UNTRANSLATED
'Connectors play a critical role in Logto. With their help, Logto enables end-users to use passwordless registration or sign-in and the capabilities of signing in with social accounts.', // UNTRANSLATED
save_error_empty_config: '설정을 입력해주세요.',
send: '보내기',
send_error_invalid_format: '유효하지 않은 입력',

View file

@ -2,7 +2,6 @@ const settings = {
title: '설정',
description: '전체 설정을 관리해보세요.',
settings: '설정',
settings_description: 'It real sent your at. Amounted all shy set why followed declared.', // UNTRANSLATED
custom_domain: '커스텀 도메인',
language: '언어',
appearance: '모습',

View file

@ -16,7 +16,8 @@ const user_details = {
},
tab_logs: '사용자 기록',
settings: 'Settings', // UNTRANSLATED
settings_description: 'It real sent your at. Amounted all shy set why followed declared.', // UNTRANSLATED
settings_description:
'Each user has a profile containing all user information. It consists of basic data, social identities, and custom data.', // UNTRANSLATED
field_email: '메인 이메일',
field_phone: '메인 휴대전화번호',
field_username: '사용자 이름',

View file

@ -2,7 +2,7 @@ const api_resource_details = {
back_to_api_resources: 'Voltar aos recursos API',
settings: 'Settings', // UNTRANSLATED
settings_description:
'With Applications you can. Setup a mobile, web or IoT application to use Logto for Authentication. Configure the allowed Callback URLs and Secrets for your Application.', // UNTRANSLATED
'API resources, a.k.a. Resource Indicators, indicate the target services or resources to be requested, usually, a URI format variable representing the resources identity.', // UNTRANSLATED
token_expiration_time_in_seconds: 'Tempo de expiração do token (em segundos)',
token_expiration_time_in_seconds_placeholder: 'Insira o tempo de expiração do token',
delete_description:

View file

@ -3,10 +3,10 @@ const application_details = {
check_guide: 'Guia de verificação',
settings: 'Settings', // UNTRANSLATED
settings_description:
'With Applications you can. Setup a mobile, web or IoT application to use Logto for Authentication. Configure the allowed Callback URLs and Secrets for your Application.', // UNTRANSLATED
'Applications are used to identify your applications in Logto for OIDC, sign-in experience, audit logs, etc.', // UNTRANSLATED
advanced_settings: 'Configurações avançadas',
advanced_settings_description:
'It real sent your at. Amounted all shy set why followed declared.', // UNTRANSLATED
'Advanced settings include OIDC related terms. You can check out the Token Endpoint for more information.', // UNTRANSLATED
application_name: 'Nome da aplicação',
application_name_placeholder: 'Ex: Site Empresa',
description: 'Descrição',

View file

@ -3,7 +3,7 @@ const connector_details = {
check_readme: 'Verifique o README',
settings: 'Settings', // UNTRANSLATED
settings_description:
'It real sent your at. Amounted all shy set why followed declared. Repeated of endeavor mr position kindness offering ignorant so up. Simplicity are melancholy preference considered saw companions.', // UNTRANSLATED
'Connectors play a critical role in Logto. With their help, Logto enables end-users to use passwordless registration or sign-in and the capabilities of signing in with social accounts.', // UNTRANSLATED
save_error_empty_config: 'Por favor, insira a configuração',
send: 'Enviar',
send_error_invalid_format: 'Entrada inválida',

View file

@ -2,7 +2,6 @@ const settings = {
title: 'Definições',
description: 'Gerenciar as configurações globais',
settings: 'Definições',
settings_description: 'It real sent your at. Amounted all shy set why followed declared.', // UNTRANSLATED
custom_domain: 'Domínio personalizado',
language: 'Linguagem',
appearance: 'Aparência',

View file

@ -18,7 +18,8 @@ const user_details = {
},
tab_logs: 'Registros do utilizador',
settings: 'Settings', // UNTRANSLATED
settings_description: 'It real sent your at. Amounted all shy set why followed declared.', // UNTRANSLATED
settings_description:
'Each user has a profile containing all user information. It consists of basic data, social identities, and custom data.', // UNTRANSLATED
field_email: 'Email',
field_phone: 'Telefone',
field_username: 'Nome de utilizador',

View file

@ -2,7 +2,7 @@ const api_resource_details = {
back_to_api_resources: 'API Kaynaklarına geri dön',
settings: 'Settings', // UNTRANSLATED
settings_description:
'With Applications you can. Setup a mobile, web or IoT application to use Logto for Authentication. Configure the allowed Callback URLs and Secrets for your Application.', // UNTRANSLATED
'API resources, a.k.a. Resource Indicators, indicate the target services or resources to be requested, usually, a URI format variable representing the resources identity.', // UNTRANSLATED
token_expiration_time_in_seconds: 'Token sona erme süresi (saniye)',
token_expiration_time_in_seconds_placeholder: 'Token zaman aşım süresini giriniz',
delete_description:

View file

@ -3,10 +3,10 @@ const application_details = {
check_guide: 'Kılavuza Göz At',
settings: 'Settings', // UNTRANSLATED
settings_description:
'With Applications you can. Setup a mobile, web or IoT application to use Logto for Authentication. Configure the allowed Callback URLs and Secrets for your Application.', // UNTRANSLATED
'Applications are used to identify your applications in Logto for OIDC, sign-in experience, audit logs, etc.', // UNTRANSLATED
advanced_settings: 'Gelişmiş Ayarlar',
advanced_settings_description:
'It real sent your at. Amounted all shy set why followed declared.', // UNTRANSLATED
'Advanced settings include OIDC related terms. You can check out the Token Endpoint for more information.', // UNTRANSLATED
application_name: 'Uygulama Adı',
application_name_placeholder: 'Uygulamam',
description: 'Açıklama',

View file

@ -3,7 +3,7 @@ const connector_details = {
check_readme: 'READMEye göz at',
settings: 'Settings', // UNTRANSLATED
settings_description:
'It real sent your at. Amounted all shy set why followed declared. Repeated of endeavor mr position kindness offering ignorant so up. Simplicity are melancholy preference considered saw companions.', // UNTRANSLATED
'Connectors play a critical role in Logto. With their help, Logto enables end-users to use passwordless registration or sign-in and the capabilities of signing in with social accounts.', // UNTRANSLATED
save_error_empty_config: 'Lütfen yapılandırmayı girin',
send: 'Gönder',
send_error_invalid_format: 'Geçersiz input',

View file

@ -2,7 +2,6 @@ const settings = {
title: 'Ayarlar',
description: 'Genel ayarları yönet',
settings: 'Ayarlar',
settings_description: 'It real sent your at. Amounted all shy set why followed declared.', // UNTRANSLATED
custom_domain: 'Özel alan',
language: 'Dil',
appearance: 'Görünüm',

View file

@ -16,7 +16,8 @@ const user_details = {
},
tab_logs: 'Kullanıcı kayıtları',
settings: 'Settings', // UNTRANSLATED
settings_description: 'It real sent your at. Amounted all shy set why followed declared.', // UNTRANSLATED
settings_description:
'Each user has a profile containing all user information. It consists of basic data, social identities, and custom data.', // UNTRANSLATED
field_email: 'Öncelikli e-posta adresi',
field_phone: 'Öncelikli telefon',
field_username: 'Kullanıcı Adı',

View file

@ -2,7 +2,7 @@ const api_resource_details = {
back_to_api_resources: '返回 API 资源',
settings: '设置',
settings_description:
'With Applications you can. Setup a mobile, web or IoT application to use Logto for Authentication. Configure the allowed Callback URLs and Secrets for your Application.', // UNTRANSLATED
'API resources, a.k.a. Resource Indicators, indicate the target services or resources to be requested, usually, a URI format variable representing the resources identity.', // UNTRANSLATED
token_expiration_time_in_seconds: 'Token 过期时间(秒)',
token_expiration_time_in_seconds_placeholder: '请输入你的 token 过期时间',
delete_description:

View file

@ -3,10 +3,10 @@ const application_details = {
check_guide: '查看指南',
settings: '设置',
settings_description:
'With Applications you can. Setup a mobile, web or IoT application to use Logto for Authentication. Configure the allowed Callback URLs and Secrets for your Application.', // UNTRANSLATED
'Applications are used to identify your applications in Logto for OIDC, sign-in experience, audit logs, etc.', // UNTRANSLATED
advanced_settings: '高级设置',
advanced_settings_description:
'It real sent your at. Amounted all shy set why followed declared.', // UNTRANSLATED
'Advanced settings include OIDC related terms. You can check out the Token Endpoint for more information.', // UNTRANSLATED
application_name: '应用名称',
application_name_placeholder: '我的应用',
description: '描述',

View file

@ -3,7 +3,7 @@ const connector_details = {
check_readme: '查看 README',
settings: '设置',
settings_description:
'It real sent your at. Amounted all shy set why followed declared. Repeated of endeavor mr position kindness offering ignorant so up. Simplicity are melancholy preference considered saw companions.', // UNTRANSLATED
'Connectors play a critical role in Logto. With their help, Logto enables end-users to use passwordless registration or sign-in and the capabilities of signing in with social accounts.', // UNTRANSLATED
save_error_empty_config: '请输入配置内容',
send: '发送',
send_error_invalid_format: '无效输入',

View file

@ -2,7 +2,6 @@ const settings = {
title: '设置',
description: '管理全局设置',
settings: '设置',
settings_description: 'It real sent your at. Amounted all shy set why followed declared.', // UNTRANSLATED
custom_domain: '自定义域名',
language: '语言',
appearance: '外观',

View file

@ -16,7 +16,8 @@ const user_details = {
},
tab_logs: '用户日志',
settings: 'Settings', // UNTRANSLATED
settings_description: 'It real sent your at. Amounted all shy set why followed declared.', // UNTRANSLATED
settings_description:
'Each user has a profile containing all user information. It consists of basic data, social identities, and custom data.', // UNTRANSLATED
field_email: '主要邮箱',
field_phone: '主要手机号码',
field_username: '用户名',