diff --git a/packages/console/src/pages/Connectors/components/ConnectorForm/index.tsx b/packages/console/src/pages/Connectors/components/ConnectorForm/index.tsx index 389721784..b61dabda1 100644 --- a/packages/console/src/pages/Connectors/components/ConnectorForm/index.tsx +++ b/packages/console/src/pages/Connectors/components/ConnectorForm/index.tsx @@ -2,7 +2,7 @@ import type { ConnectorFactoryResponse } from '@logto/schemas'; import { ConnectorType } from '@logto/schemas'; import { useState } from 'react'; import { Controller, useFormContext } from 'react-hook-form'; -import { useTranslation } from 'react-i18next'; +import { Trans, useTranslation } from 'react-i18next'; import CaretDown from '@/assets/images/caret-down.svg'; import CaretUp from '@/assets/images/caret-up.svg'; @@ -11,6 +11,7 @@ import CodeEditor from '@/components/CodeEditor'; import FormField from '@/components/FormField'; import Select from '@/components/Select'; import TextInput from '@/components/TextInput'; +import TextLink from '@/components/TextLink'; import type { ConnectorFormType } from '../../types'; import { SyncProfileMode } from '../../types'; @@ -82,7 +83,25 @@ const ConnectorForm = ({ connector, isAllowEditTarget }: Props) => { trailingIcon={darkVisible ? : } onClick={toggleDarkVisible} /> - + ( + + ), + }} + > + {t('connectors.guide.target_tootip')} + + )} + > Learn more.', // UNTRANSLATED config: 'Enter your JSON here', // UNTRANSLATED sync_profile: 'Sync profile information from the social provider', // UNTRANSLATED sync_profile_only_at_register: 'Only sync at register', // UNTRANSLATED diff --git a/packages/phrases/src/locales/en/translation/admin-console/connectors.ts b/packages/phrases/src/locales/en/translation/admin-console/connectors.ts index 2136e7cd3..0204cfb64 100644 --- a/packages/phrases/src/locales/en/translation/admin-console/connectors.ts +++ b/packages/phrases/src/locales/en/translation/admin-console/connectors.ts @@ -44,6 +44,8 @@ const connectors = { logo_dark_show: 'Show "Logo for dark mode"', target: 'Connector identity target', target_tip: 'A unique identifier for the connector.', + target_tootip: + '"Target" in Logto social connectors refers to the "source" of your social identities. In Logto design, we do not accept the same "target" of a specific platform to avoid conflicts. You should be very careful before you add a connector since you CAN NOT change its value once you create it. Learn more.', config: 'Enter your JSON here', sync_profile: 'Sync profile information from the social provider', sync_profile_only_at_register: 'Only sync at register', diff --git a/packages/phrases/src/locales/fr/translation/admin-console/connectors.ts b/packages/phrases/src/locales/fr/translation/admin-console/connectors.ts index 97b43283e..e142c4338 100644 --- a/packages/phrases/src/locales/fr/translation/admin-console/connectors.ts +++ b/packages/phrases/src/locales/fr/translation/admin-console/connectors.ts @@ -45,6 +45,8 @@ const connectors = { logo_dark_show: 'Show "Logo for dark mode"', // UNTRANSLATED target: 'Connector identity target', // UNTRANSLATED target_tip: 'A unique identifier for the connector.', // UNTRANSLATED + target_tootip: + '"Target" in Logto social connectors refers to the "source" of your social identities. In Logto design, we do not accept the same "target" of a specific platform to avoid conflicts. You should be very careful before you add a connector since you CAN NOT change its value once you create it. Learn more.', // UNTRANSLATED config: 'Enter your JSON here', // UNTRANSLATED sync_profile: 'Sync profile information from the social provider', // UNTRANSLATED sync_profile_only_at_register: 'Only sync at register', // UNTRANSLATED diff --git a/packages/phrases/src/locales/ko/translation/admin-console/connectors.ts b/packages/phrases/src/locales/ko/translation/admin-console/connectors.ts index 2108727e9..0c69c0ac9 100644 --- a/packages/phrases/src/locales/ko/translation/admin-console/connectors.ts +++ b/packages/phrases/src/locales/ko/translation/admin-console/connectors.ts @@ -44,6 +44,8 @@ const connectors = { logo_dark_show: 'Show "Logo for dark mode"', // UNTRANSLATED target: 'Connector identity target', // UNTRANSLATED target_tip: 'A unique identifier for the connector.', // UNTRANSLATED + target_tootip: + '"Target" in Logto social connectors refers to the "source" of your social identities. In Logto design, we do not accept the same "target" of a specific platform to avoid conflicts. You should be very careful before you add a connector since you CAN NOT change its value once you create it. Learn more.', // UNTRANSLATED config: 'Enter your JSON here', // UNTRANSLATED sync_profile: 'Sync profile information from the social provider', // UNTRANSLATED sync_profile_only_at_register: 'Only sync at register', // UNTRANSLATED diff --git a/packages/phrases/src/locales/pt-br/translation/admin-console/connectors.ts b/packages/phrases/src/locales/pt-br/translation/admin-console/connectors.ts index 54ff532b7..8a933407f 100644 --- a/packages/phrases/src/locales/pt-br/translation/admin-console/connectors.ts +++ b/packages/phrases/src/locales/pt-br/translation/admin-console/connectors.ts @@ -45,6 +45,8 @@ const connectors = { logo_dark_show: 'Mostrar "Logo para modo escuro"', target: 'Destino da identidade do conector', target_tip: 'Um identificador exclusivo para o conector.', + target_tootip: + '"Target" in Logto social connectors refers to the "source" of your social identities. In Logto design, we do not accept the same "target" of a specific platform to avoid conflicts. You should be very careful before you add a connector since you CAN NOT change its value once you create it. Learn more.', // UNTRANSLATED config: 'Digite seu JSON aqui', sync_profile: 'Sincronizar informações de perfil do provedor social', sync_profile_only_at_register: 'Sincronizar apenas no registro', diff --git a/packages/phrases/src/locales/pt-pt/translation/admin-console/connectors.ts b/packages/phrases/src/locales/pt-pt/translation/admin-console/connectors.ts index 2a80ee5d8..a0938a4d2 100644 --- a/packages/phrases/src/locales/pt-pt/translation/admin-console/connectors.ts +++ b/packages/phrases/src/locales/pt-pt/translation/admin-console/connectors.ts @@ -44,6 +44,8 @@ const connectors = { logo_dark_show: 'Show "Logo for dark mode"', // UNTRANSLATED target: 'Connector identity target', // UNTRANSLATED target_tip: 'A unique identifier for the connector.', // UNTRANSLATED + target_tootip: + '"Target" in Logto social connectors refers to the "source" of your social identities. In Logto design, we do not accept the same "target" of a specific platform to avoid conflicts. You should be very careful before you add a connector since you CAN NOT change its value once you create it. Learn more.', // UNTRANSLATED config: 'Enter your JSON here', // UNTRANSLATED sync_profile: 'Sync profile information from the social provider', // UNTRANSLATED sync_profile_only_at_register: 'Only sync at register', // UNTRANSLATED diff --git a/packages/phrases/src/locales/tr-tr/translation/admin-console/connectors.ts b/packages/phrases/src/locales/tr-tr/translation/admin-console/connectors.ts index 35e120b22..8b99c827e 100644 --- a/packages/phrases/src/locales/tr-tr/translation/admin-console/connectors.ts +++ b/packages/phrases/src/locales/tr-tr/translation/admin-console/connectors.ts @@ -45,6 +45,8 @@ const connectors = { logo_dark_show: 'Show "Logo for dark mode"', // UNTRANSLATED target: 'Connector identity target', // UNTRANSLATED target_tip: 'A unique identifier for the connector.', // UNTRANSLATED + target_tootip: + '"Target" in Logto social connectors refers to the "source" of your social identities. In Logto design, we do not accept the same "target" of a specific platform to avoid conflicts. You should be very careful before you add a connector since you CAN NOT change its value once you create it. Learn more.', // UNTRANSLATED config: 'Enter your JSON here', // UNTRANSLATED sync_profile: 'Sync profile information from the social provider', // UNTRANSLATED sync_profile_only_at_register: 'Only sync at register', // UNTRANSLATED diff --git a/packages/phrases/src/locales/zh-cn/translation/admin-console/connectors.ts b/packages/phrases/src/locales/zh-cn/translation/admin-console/connectors.ts index 107e93b28..d835f13d3 100644 --- a/packages/phrases/src/locales/zh-cn/translation/admin-console/connectors.ts +++ b/packages/phrases/src/locales/zh-cn/translation/admin-console/connectors.ts @@ -42,6 +42,8 @@ const connectors = { logo_dark_show: '显示「深色模式图标」', target: '连接器 target', target_tip: '连接器标识符', + target_tootip: + '"Target" in Logto social connectors refers to the "source" of your social identities. In Logto design, we do not accept the same "target" of a specific platform to avoid conflicts. You should be very careful before you add a connector since you CAN NOT change its value once you create it. Learn more.', // UNTRANSLATED config: '请在此输入你的 JSON 配置', sync_profile: '从社交服务商同步用户数据', sync_profile_only_at_register: '仅在注册时同步',