Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-02-17 22:04:19 -05:00
Code Issues Activity

feat(console): add custom domain related links (#4061)

Browse source
This commit is contained in:
Xiao Yijun 2023-06-20 15:31:57 +08:00 • committed by GitHub
parent 234a2a4abb
commit 41bf863e5e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
packages/console/src/pages/TenantSettings/TenantDomainSettings/CustomDomain/index.tsx
View file

@ -2,6 +2,7 @@ import { type Domain, DomainStatus } from '@logto/schemas';
import { Trans, useTranslation } from 'react-i18next';
import TextLink from '@/ds-components/TextLink';
import useDocumentationUrl from '@/hooks/use-documentation-url';
import ActivationProcess from './ActivationProcess';
import CustomDomainHeader from './CustomDomainHeader';
@ -14,6 +15,7 @@ type Props = {
function CustomDomain({ customDomain, onDeleteCustomDomain }: Props) {
const { t } = useTranslation(undefined, { keyPrefix: 'admin_console' });
const { getDocumentationUrl } = useDocumentationUrl();
return (
<>
@ -30,8 +32,11 @@ function CustomDomain({ customDomain, onDeleteCustomDomain }: Props) {
<div className={styles.notes}>
<Trans
components={{
// TODO LOG-6298 @xiaoyijun update this link when related docs are ready.
a: <TextLink to="#" />,
a: (
<TextLink
to={getDocumentationUrl('docs/recipes/custom-domain/use-custom-domain')}
/>
),
}}
>
{t('domain.update_endpoint_notice', { link: t('general.learn_more') })}

3
packages/console/src/pages/TenantSettings/TenantDomainSettings/index.tsx
View file

@ -4,6 +4,7 @@ import FormCard from '@/components/FormCard';
import PageMeta from '@/components/PageMeta';
import FormField from '@/ds-components/FormField';
import useCustomDomain from '@/hooks/use-custom-domain';
import useDocumentationUrl from '@/hooks/use-documentation-url';
import AddDomainForm from './AddDomainForm';
import CustomDomain from './CustomDomain';
@ -12,6 +13,7 @@ import * as styles from './index.module.scss';
function TenantDomainSettings() {
const { data: customDomain, isLoading, mutate } = useCustomDomain(true);
const { getDocumentationUrl } = useDocumentationUrl();
if (isLoading) {
return null;
@ -23,6 +25,7 @@ function TenantDomainSettings() {
<FormCard
title="domain.custom.custom_domain"
description="domain.custom.custom_domain_description"
learnMoreLink={getDocumentationUrl('docs/recipes/custom-domain')}
>
<FormField title="domain.custom.custom_domain_field">
{customDomain ? (