From a4a02e2c66a9e5aeddc93171aafd82ccb38f3963 Mon Sep 17 00:00:00 2001
From: Xiao Yijun <xiaoyijun@silverhand.io>
Date: Fri, 26 Jan 2024 09:42:34 +0800
Subject: [PATCH] refactor(console): remove dev tenant notification (#5297)

---
 .../index.module.scss                         | 35 -------------
 .../DevelopmentTenantNotification/index.tsx   | 49 -------------------
 .../console/src/pages/GetStarted/index.tsx    |  4 --
 .../de/translation/admin-console/tenants.ts   |  5 --
 .../en/translation/admin-console/tenants.ts   |  4 --
 .../es/translation/admin-console/tenants.ts   |  5 --
 .../fr/translation/admin-console/tenants.ts   |  5 --
 .../it/translation/admin-console/tenants.ts   |  5 --
 .../ja/translation/admin-console/tenants.ts   |  4 --
 .../ko/translation/admin-console/tenants.ts   |  4 --
 .../translation/admin-console/tenants.ts      |  4 --
 .../translation/admin-console/tenants.ts      |  5 --
 .../translation/admin-console/tenants.ts      |  5 --
 .../ru/translation/admin-console/tenants.ts   |  4 --
 .../translation/admin-console/tenants.ts      |  4 --
 .../translation/admin-console/tenants.ts      |  4 --
 .../translation/admin-console/tenants.ts      |  4 --
 .../translation/admin-console/tenants.ts      |  4 --
 18 files changed, 154 deletions(-)
 delete mode 100644 packages/console/src/pages/GetStarted/DevelopmentTenantNotification/index.module.scss
 delete mode 100644 packages/console/src/pages/GetStarted/DevelopmentTenantNotification/index.tsx

diff --git a/packages/console/src/pages/GetStarted/DevelopmentTenantNotification/index.module.scss b/packages/console/src/pages/GetStarted/DevelopmentTenantNotification/index.module.scss
deleted file mode 100644
index 58b688fae..000000000
--- a/packages/console/src/pages/GetStarted/DevelopmentTenantNotification/index.module.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-@use '@/scss/underscore' as _;
-
-.container {
-  padding: _.unit(3) _.unit(8);
-  background-color: var(--color-surface-5);
-  border-radius: 16px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  gap: _.unit(6);
-
-  .image {
-    flex-shrink: 0;
-    width: 80px;
-    height: 80px;
-  }
-
-  .content {
-    flex: 1;
-
-    .title {
-      font: var(--font-title-2);
-
-      .link {
-        font: var(--font-title-2);
-      }
-    }
-
-    .description {
-      font: var(--font-body-2);
-      color: var(--color-text-secondary);
-      margin-top: _.unit(1);
-    }
-  }
-}
diff --git a/packages/console/src/pages/GetStarted/DevelopmentTenantNotification/index.tsx b/packages/console/src/pages/GetStarted/DevelopmentTenantNotification/index.tsx
deleted file mode 100644
index aecf51f6a..000000000
--- a/packages/console/src/pages/GetStarted/DevelopmentTenantNotification/index.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import { Theme } from '@logto/schemas';
-import { Trans, useTranslation } from 'react-i18next';
-
-import CongratsDark from '@/assets/images/congrats-dark.svg';
-import Congrats from '@/assets/images/congrats.svg';
-import { envTagsFeatureLink, pricingLink } from '@/consts';
-import { LinkButton } from '@/ds-components/Button';
-import DynamicT from '@/ds-components/DynamicT';
-import TextLink from '@/ds-components/TextLink';
-import useDocumentationUrl from '@/hooks/use-documentation-url';
-import useTheme from '@/hooks/use-theme';
-
-import * as styles from './index.module.scss';
-
-function DevelopmentTenantNotification() {
-  const { t } = useTranslation(undefined, { keyPrefix: 'admin_console' });
-  const theme = useTheme();
-  const Image = theme === Theme.Light ? Congrats : CongratsDark;
-  const { getDocumentationUrl } = useDocumentationUrl();
-
-  return (
-    <div className={styles.container}>
-      <Image className={styles.image} />
-      <div className={styles.content}>
-        <div className={styles.title}>
-          <Trans
-            components={{
-              a: <TextLink href={pricingLink} targetBlank="noopener" className={styles.link} />,
-            }}
-          >
-            {t('tenants.dev_tenant_notification.title')}
-          </Trans>
-        </div>
-        <div className={styles.description}>
-          <DynamicT forKey="tenants.dev_tenant_notification.description" />
-        </div>
-      </div>
-      <LinkButton
-        title="general.learn_more"
-        type="outline"
-        size="large"
-        href={getDocumentationUrl(envTagsFeatureLink)}
-        targetBlank="noopener"
-      />
-    </div>
-  );
-}
-
-export default DevelopmentTenantNotification;
diff --git a/packages/console/src/pages/GetStarted/index.tsx b/packages/console/src/pages/GetStarted/index.tsx
index d9da830d9..70b9918a5 100644
--- a/packages/console/src/pages/GetStarted/index.tsx
+++ b/packages/console/src/pages/GetStarted/index.tsx
@@ -17,7 +17,6 @@ import PageMeta from '@/components/PageMeta';
 import { ConnectorsTabs } from '@/consts';
 import { isCloud, isDevFeaturesEnabled } from '@/consts/env';
 import { AppDataContext } from '@/contexts/AppDataProvider';
-import { TenantsContext } from '@/contexts/TenantsProvider';
 import { LinkButton } from '@/ds-components/Button';
 import Card from '@/ds-components/Card';
 import Spacer from '@/ds-components/Spacer';
@@ -29,7 +28,6 @@ import useWindowResize from '@/hooks/use-window-resize';
 import CreateApiForm from '../ApiResources/components/CreateForm';
 import CreateAppForm from '../Applications/components/CreateForm';
 
-import DevelopmentTenantNotification from './DevelopmentTenantNotification';
 import ProtectedAppCreationForm from './ProtectedAppCreationForm';
 import * as styles from './index.module.scss';
 
@@ -42,7 +40,6 @@ function GetStarted() {
   const { t } = useTranslation(undefined, { keyPrefix: 'admin_console' });
   const { navigate } = useTenantPathname();
   const { tenantEndpoint } = useContext(AppDataContext);
-  const { isDevTenant } = useContext(TenantsContext);
   const [selectedGuide, setSelectedGuide] = useState<SelectedGuide>();
   const { getStructuredAppGuideMetadata } = useAppGuideMetadata();
   const apiGuideMetadata = useApiGuideMetadata();
@@ -111,7 +108,6 @@ function GetStarted() {
         <div className={styles.title}>{t('get_started.title')}</div>
         <div className={styles.subtitle}>{t('get_started.subtitle')}</div>
       </div>
-      {isCloud && isDevTenant && <DevelopmentTenantNotification />}
       <Card className={styles.card}>
         <div className={styles.title}>
           {isCloud && isDevFeaturesEnabled
diff --git a/packages/phrases/src/locales/de/translation/admin-console/tenants.ts b/packages/phrases/src/locales/de/translation/admin-console/tenants.ts
index c3b32bade..3a190e53f 100644
--- a/packages/phrases/src/locales/de/translation/admin-console/tenants.ts
+++ b/packages/phrases/src/locales/de/translation/admin-console/tenants.ts
@@ -62,11 +62,6 @@ const tenants = {
     hint_3: 'Keine Sorge, all Ihre anderen Einstellungen bleiben gleich.',
     about_tenant_type: 'Über den Mandantentyp',
   },
-  dev_tenant_notification: {
-    title:
-      'Sie können jetzt <a> alle Funktionen von Logto Pro </a> in Ihrem Entwicklungsmieter nutzen!',
-    description: 'Es ist komplett kostenlos, ohne Testphase – für immer!',
-  },
   delete_modal: {
     title: 'Mieter löschen',
     description_line1:
diff --git a/packages/phrases/src/locales/en/translation/admin-console/tenants.ts b/packages/phrases/src/locales/en/translation/admin-console/tenants.ts
index 39c2fe5ea..5c94f5031 100644
--- a/packages/phrases/src/locales/en/translation/admin-console/tenants.ts
+++ b/packages/phrases/src/locales/en/translation/admin-console/tenants.ts
@@ -57,10 +57,6 @@ const tenants = {
     hint_3: "Don't worry, all your other settings will remain the same.",
     about_tenant_type: 'About tenant type',
   },
-  dev_tenant_notification: {
-    title: 'You can now access <a>all features of Logto Pro</a> in your development tenant!',
-    description: "It's completely free, with no trial period – forever!",
-  },
   delete_modal: {
     title: 'Delete tenant',
     description_line1:
diff --git a/packages/phrases/src/locales/es/translation/admin-console/tenants.ts b/packages/phrases/src/locales/es/translation/admin-console/tenants.ts
index ab6ae8c0c..0393a5337 100644
--- a/packages/phrases/src/locales/es/translation/admin-console/tenants.ts
+++ b/packages/phrases/src/locales/es/translation/admin-console/tenants.ts
@@ -61,11 +61,6 @@ const tenants = {
     hint_3: 'No te preocupes, todas tus otras configuraciones permanecerán iguales.',
     about_tenant_type: 'Sobre el tipo de inquilino',
   },
-  dev_tenant_notification: {
-    title:
-      '¡Ahora puedes acceder a <a>todas las características de Logto Pro</a> en tu inquilino de desarrollo!',
-    description: '¡Es completamente gratis, sin período de prueba, para siempre!',
-  },
   delete_modal: {
     title: 'Eliminar inquilino',
     description_line1:
diff --git a/packages/phrases/src/locales/fr/translation/admin-console/tenants.ts b/packages/phrases/src/locales/fr/translation/admin-console/tenants.ts
index edb360447..aee9bb80d 100644
--- a/packages/phrases/src/locales/fr/translation/admin-console/tenants.ts
+++ b/packages/phrases/src/locales/fr/translation/admin-console/tenants.ts
@@ -62,11 +62,6 @@ const tenants = {
     hint_3: 'Ne vous inquiétez pas, tous vos autres paramètres resteront les mêmes.',
     about_tenant_type: 'À propos du type de locataire',
   },
-  dev_tenant_notification: {
-    title:
-      'Vous pouvez désormais accéder à <a>toutes les fonctionnalités de Logto Pro</a> dans votre locataire de développement !',
-    description: "C'est complètement gratuit, sans période d'essai - pour toujours !",
-  },
   delete_modal: {
     title: 'Supprimer le locataire',
     description_line1:
diff --git a/packages/phrases/src/locales/it/translation/admin-console/tenants.ts b/packages/phrases/src/locales/it/translation/admin-console/tenants.ts
index f79b1fdc8..47aef5a32 100644
--- a/packages/phrases/src/locales/it/translation/admin-console/tenants.ts
+++ b/packages/phrases/src/locales/it/translation/admin-console/tenants.ts
@@ -63,11 +63,6 @@ const tenants = {
     hint_3: 'Niente paura, tutte le altre impostazioni rimarranno invariate.',
     about_tenant_type: 'Informazioni sul tipo di inquilino',
   },
-  dev_tenant_notification: {
-    title:
-      'Ora puoi accedere a <a>tutte le funzionalità di Logto Pro</a> nel tuo inquilino di sviluppo!',
-    description: 'È completamente gratuito, senza periodo di prova: per sempre!',
-  },
   delete_modal: {
     title: 'Elimina inquilino',
     description_line1:
diff --git a/packages/phrases/src/locales/ja/translation/admin-console/tenants.ts b/packages/phrases/src/locales/ja/translation/admin-console/tenants.ts
index 9deca8fb9..e12bae2fa 100644
--- a/packages/phrases/src/locales/ja/translation/admin-console/tenants.ts
+++ b/packages/phrases/src/locales/ja/translation/admin-console/tenants.ts
@@ -58,10 +58,6 @@ const tenants = {
     hint_3: 'ご安心ください、他のすべての設定は変わりません。',
     about_tenant_type: 'テナントタイプについて',
   },
-  dev_tenant_notification: {
-    title: '開発テナントで<a>Logto Proのすべての機能</a>にアクセスできます！',
-    description: '完全無料であり、トライアル期間はありません！',
-  },
   delete_modal: {
     title: 'テナントを削除します',
     description_line1:
diff --git a/packages/phrases/src/locales/ko/translation/admin-console/tenants.ts b/packages/phrases/src/locales/ko/translation/admin-console/tenants.ts
index 3c9569655..aef25247d 100644
--- a/packages/phrases/src/locales/ko/translation/admin-console/tenants.ts
+++ b/packages/phrases/src/locales/ko/translation/admin-console/tenants.ts
@@ -57,10 +57,6 @@ const tenants = {
     hint_3: '걱정 마세요. 다른 설정은 그대로 유지됩니다.',
     about_tenant_type: '테넌트 유형 정보',
   },
-  dev_tenant_notification: {
-    title: '이제 개발 테넌트에서 <a>Logto Pro의 모든 기능</a>을 사용할 수 있습니다!',
-    description: '이것은 완전히 무료이며 평생 무료 체험을 받을 수 있습니다!',
-  },
   delete_modal: {
     title: '테넌트 삭제',
     description_line1:
diff --git a/packages/phrases/src/locales/pl-pl/translation/admin-console/tenants.ts b/packages/phrases/src/locales/pl-pl/translation/admin-console/tenants.ts
index 643f3fc0d..e400ffa72 100644
--- a/packages/phrases/src/locales/pl-pl/translation/admin-console/tenants.ts
+++ b/packages/phrases/src/locales/pl-pl/translation/admin-console/tenants.ts
@@ -62,10 +62,6 @@ const tenants = {
     hint_3: 'Nie martw się, wszystkie inne ustawienia pozostaną takie same.',
     about_tenant_type: 'O typie najemcy',
   },
-  dev_tenant_notification: {
-    title: 'Teraz możesz uzyskać <a>wszystkie funkcje Logto Pro</a> w swoim najemcy deweloperskim!',
-    description: 'Jest to całkowicie darmowe, bez okresu próbnego – na zawsze!',
-  },
   delete_modal: {
     title: 'Usuń najemcę',
     description_line1:
diff --git a/packages/phrases/src/locales/pt-br/translation/admin-console/tenants.ts b/packages/phrases/src/locales/pt-br/translation/admin-console/tenants.ts
index c8cddf9fb..2f7674cd0 100644
--- a/packages/phrases/src/locales/pt-br/translation/admin-console/tenants.ts
+++ b/packages/phrases/src/locales/pt-br/translation/admin-console/tenants.ts
@@ -61,11 +61,6 @@ const tenants = {
     hint_3: 'Não se preocupe, todas as suas outras configurações permanecerão as mesmas.',
     about_tenant_type: 'Sobre o tipo de locatário',
   },
-  dev_tenant_notification: {
-    title:
-      'Agora você pode acessar <a>todos os recursos do Logto Pro</a> no seu locatário de desenvolvimento!',
-    description: 'É completamente gratuito, sem período de teste - para sempre!',
-  },
   delete_modal: {
     title: 'Excluir locatário',
     description_line1:
diff --git a/packages/phrases/src/locales/pt-pt/translation/admin-console/tenants.ts b/packages/phrases/src/locales/pt-pt/translation/admin-console/tenants.ts
index 95957d5fe..9c6ca1828 100644
--- a/packages/phrases/src/locales/pt-pt/translation/admin-console/tenants.ts
+++ b/packages/phrases/src/locales/pt-pt/translation/admin-console/tenants.ts
@@ -61,11 +61,6 @@ const tenants = {
     hint_3: 'Não se preocupe, todas as outras definições permanecerão as mesmas.',
     about_tenant_type: 'Sobre o tipo de inquilino',
   },
-  dev_tenant_notification: {
-    title:
-      'Agora pode aceder a <a>todas as funcionalidades do Logto Pro</a> no seu inquilino de desenvolvimento!',
-    description: 'É completamente gratuito, sem período de teste – para sempre!',
-  },
   delete_modal: {
     title: 'Eliminar inquilino',
     description_line1:
diff --git a/packages/phrases/src/locales/ru/translation/admin-console/tenants.ts b/packages/phrases/src/locales/ru/translation/admin-console/tenants.ts
index 8acf48924..0ac4104b2 100644
--- a/packages/phrases/src/locales/ru/translation/admin-console/tenants.ts
+++ b/packages/phrases/src/locales/ru/translation/admin-console/tenants.ts
@@ -61,10 +61,6 @@ const tenants = {
     hint_3: 'Не волнуйтесь, все ваши другие настройки останутся неизменными.',
     about_tenant_type: 'Об типе арендатора',
   },
-  dev_tenant_notification: {
-    title: 'Теперь вы можете получить <a>все функции Logto Pro</a> в своем арендаторе разработки!',
-    description: 'Это абсолютно бесплатно, без пробного периода – навсегда!',
-  },
   delete_modal: {
     title: 'Удалить арендатора',
     description_line1:
diff --git a/packages/phrases/src/locales/tr-tr/translation/admin-console/tenants.ts b/packages/phrases/src/locales/tr-tr/translation/admin-console/tenants.ts
index c0cca7c3f..17a6be3b2 100644
--- a/packages/phrases/src/locales/tr-tr/translation/admin-console/tenants.ts
+++ b/packages/phrases/src/locales/tr-tr/translation/admin-console/tenants.ts
@@ -61,10 +61,6 @@ const tenants = {
     hint_3: 'Endişelenmeyin, diğer tüm ayarlarınız aynı kalacak.',
     about_tenant_type: 'Kiracı türü hakkında',
   },
-  dev_tenant_notification: {
-    title: 'Artık geliştirme kiracınızda <a>Logto Pro’nun tüm özelliklerine erişebilirsiniz</a>!',
-    description: 'Ücretsiz, deneme süresi olmadan - her zaman!',
-  },
   delete_modal: {
     title: 'Kiracıyı Sil',
     description_line1:
diff --git a/packages/phrases/src/locales/zh-cn/translation/admin-console/tenants.ts b/packages/phrases/src/locales/zh-cn/translation/admin-console/tenants.ts
index fac61102d..2a2303c3c 100644
--- a/packages/phrases/src/locales/zh-cn/translation/admin-console/tenants.ts
+++ b/packages/phrases/src/locales/zh-cn/translation/admin-console/tenants.ts
@@ -53,10 +53,6 @@ const tenants = {
     hint_3: '不用担心，您的所有其他设置将保持不变。',
     about_tenant_type: '关于租户类型',
   },
-  dev_tenant_notification: {
-    title: '您现在可以在您的开发租户中<a>访问Logto Pro的所有功能</a>！',
-    description: '完全免费，没有试用期 - 永远免费！',
-  },
   delete_modal: {
     title: '删除租户',
     description_line1:
diff --git a/packages/phrases/src/locales/zh-hk/translation/admin-console/tenants.ts b/packages/phrases/src/locales/zh-hk/translation/admin-console/tenants.ts
index 431d63419..d1876271f 100644
--- a/packages/phrases/src/locales/zh-hk/translation/admin-console/tenants.ts
+++ b/packages/phrases/src/locales/zh-hk/translation/admin-console/tenants.ts
@@ -53,10 +53,6 @@ const tenants = {
     hint_3: '別擔心，您的其他設置將保持不變。',
     about_tenant_type: '關於租戶類型',
   },
-  dev_tenant_notification: {
-    title: '您現在可以在您的開發租戶中訪問<a>Logto Pro的所有功能</a>！',
-    description: '它完全免費，沒有試用期-永遠免費！',
-  },
   delete_modal: {
     title: '刪除租戶',
     description_line1:
diff --git a/packages/phrases/src/locales/zh-tw/translation/admin-console/tenants.ts b/packages/phrases/src/locales/zh-tw/translation/admin-console/tenants.ts
index bfb66f9be..aef64ba82 100644
--- a/packages/phrases/src/locales/zh-tw/translation/admin-console/tenants.ts
+++ b/packages/phrases/src/locales/zh-tw/translation/admin-console/tenants.ts
@@ -53,10 +53,6 @@ const tenants = {
     hint_3: '別擔心，您的其他設置將保持不變。',
     about_tenant_type: '關於租戶類型',
   },
-  dev_tenant_notification: {
-    title: '現在您可以在您的開發租戶中訪問<a>Logto Pro所有功能</a>！',
-    description: '它完全免費，沒有試用期-永遠免費！',
-  },
   delete_modal: {
     title: '刪除租戶',
     description_line1: