mirror of
https://github.com/logto-io/logto.git
synced 2025-03-31 22:51:25 -05:00
refactor(console): remove dev tenant notification (#5297)
This commit is contained in:
Xiao Yijun
GitHub
parent
55cdfa1ae8
commit
a4a02e2c66
18 changed files with 0 additions and 154 deletions
|
|
@ -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);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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:
|
||||
|
|
|
|||
|
|
@ -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:
|
||||
|
|
|
|||
|
|
@ -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:
|
||||
|
|
|
|||
|
|
@ -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:
|
||||
|
|
|
|||
|
|
@ -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:
|
||||
|
|
|
|||
|
|
@ -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:
|
||||
|
|
|
|||
|
|
@ -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:
|
||||
|
|
|
|||
|
|
@ -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:
|
||||
|
|
|
|||
|
|
@ -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:
|
||||
|
|
|
|||
|
|
@ -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:
|
||||
|
|
|
|||
|
|
@ -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:
|
||||
|
|
|
|||
|
|
@ -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:
|
||||
|
|
|
|||
|
|
@ -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:
|
||||
|
|
|
|||
|
|
@ -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:
|
||||
|
|
|
|||
|
|
@ -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:
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue