From 41bf863e5e1e1eb23407c79f9d5abcdbcf4b639a Mon Sep 17 00:00:00 2001
From: Xiao Yijun <xiaoyijun@silverhand.io>
Date: Tue, 20 Jun 2023 15:31:57 +0800
Subject: [PATCH] feat(console): add custom domain related links (#4061)

---
 .../TenantDomainSettings/CustomDomain/index.tsx          | 9 +++++++--
 .../pages/TenantSettings/TenantDomainSettings/index.tsx  | 3 +++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/packages/console/src/pages/TenantSettings/TenantDomainSettings/CustomDomain/index.tsx b/packages/console/src/pages/TenantSettings/TenantDomainSettings/CustomDomain/index.tsx
index e39be7d6e..ee1e253c7 100644
--- a/packages/console/src/pages/TenantSettings/TenantDomainSettings/CustomDomain/index.tsx
+++ b/packages/console/src/pages/TenantSettings/TenantDomainSettings/CustomDomain/index.tsx
@@ -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') })}
diff --git a/packages/console/src/pages/TenantSettings/TenantDomainSettings/index.tsx b/packages/console/src/pages/TenantSettings/TenantDomainSettings/index.tsx
index 4072784fc..5346ca691 100644
--- a/packages/console/src/pages/TenantSettings/TenantDomainSettings/index.tsx
+++ b/packages/console/src/pages/TenantSettings/TenantDomainSettings/index.tsx
@@ -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 ? (