From 89f8476751802af1e3299ab4a1f88baa963c1d6b Mon Sep 17 00:00:00 2001
From: Xiao Yijun <xiaoyijun@silverhand.io>
Date: Tue, 13 Jun 2023 11:34:39 +0800
Subject: [PATCH] refactor(console): update change custom domain notice (#4024)

---
 .../TenantDomainSettings/CustomDomain/index.module.scss      | 4 +++-
 .../TenantDomainSettings/CustomDomain/index.tsx              | 5 ++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/console/src/pages/TenantSettings/TenantDomainSettings/CustomDomain/index.module.scss b/packages/console/src/pages/TenantSettings/TenantDomainSettings/CustomDomain/index.module.scss
index b80e7b1aa..9655a6250 100644
--- a/packages/console/src/pages/TenantSettings/TenantDomainSettings/CustomDomain/index.module.scss
+++ b/packages/console/src/pages/TenantSettings/TenantDomainSettings/CustomDomain/index.module.scss
@@ -5,6 +5,8 @@
   border-radius: 12px;
 }
 
-.notice {
+.notes {
+  font: var(--font-body-2);
+  color: var(--color-text-secondary);
   margin-top: _.unit(3);
 }
diff --git a/packages/console/src/pages/TenantSettings/TenantDomainSettings/CustomDomain/index.tsx b/packages/console/src/pages/TenantSettings/TenantDomainSettings/CustomDomain/index.tsx
index ffa2e8978..fe74ebf20 100644
--- a/packages/console/src/pages/TenantSettings/TenantDomainSettings/CustomDomain/index.tsx
+++ b/packages/console/src/pages/TenantSettings/TenantDomainSettings/CustomDomain/index.tsx
@@ -1,7 +1,6 @@
 import { type Domain, DomainStatus } from '@logto/schemas';
 import { Trans, useTranslation } from 'react-i18next';
 
-import InlineNotification from '@/components/InlineNotification';
 import TextLink from '@/components/TextLink';
 
 import ActivationProcess from './ActivationProcess';
@@ -28,7 +27,7 @@ function CustomDomain({ customDomain, onDeleteCustomDomain }: Props) {
         )}
       </div>
       {customDomain.status === DomainStatus.Active && (
-        <InlineNotification className={styles.notice} severity="success" hasIcon={false}>
+        <div className={styles.notes}>
           <Trans
             components={{
               // TODO LOG-6298 @xiaoyijun update this link when related docs are ready.
@@ -37,7 +36,7 @@ function CustomDomain({ customDomain, onDeleteCustomDomain }: Props) {
           >
             {t('domain.update_endpoint_notice', { link: t('general.learn_more') })}
           </Trans>
-        </InlineNotification>
+        </div>
       )}
     </>
   );