mirror of
https://github.com/logto-io/logto.git
synced 2024-12-16 20:26:19 -05:00
refactor(console): remove upsell banner from get-started page (#4519)
This commit is contained in:
Charles Zhao
GitHub
parent
d1c25b9c26
commit
5bda3a5c5a
18 changed files with 0 additions and 162 deletions
|
|
@ -1,31 +0,0 @@
|
|||
@use '@/scss/underscore' as _;
|
||||
|
||||
.container {
|
||||
padding: _.unit(3) _.unit(8);
|
||||
background-color: var(--color-info-container);
|
||||
border-radius: 16px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: _.unit(6);
|
||||
|
||||
.image {
|
||||
flex-shrink: 0;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.title {
|
||||
font: var(--font-title-2);
|
||||
}
|
||||
|
||||
.description {
|
||||
font: var(--font-body-2);
|
||||
color: var(--color-text-secondary);
|
||||
margin-top: _.unit(1);
|
||||
|
||||
.textLink {
|
||||
text-underline-offset: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,54 +0,0 @@
|
|||
import { Theme } from '@logto/schemas';
|
||||
import { useContext } from 'react';
|
||||
import { Trans, useTranslation } from 'react-i18next';
|
||||
|
||||
import LandingImageDark from '@/assets/images/tenant-landing-page-dark.svg';
|
||||
import LandingImage from '@/assets/images/tenant-landing-page.svg';
|
||||
import { isCloud } from '@/consts/env';
|
||||
import { subscriptionPage } from '@/consts/pages';
|
||||
import { ReservedPlanId } from '@/consts/subscriptions';
|
||||
import { TenantsContext } from '@/contexts/TenantsProvider';
|
||||
import TextLink from '@/ds-components/TextLink';
|
||||
import useSubscription from '@/hooks/use-subscription';
|
||||
import useTheme from '@/hooks/use-theme';
|
||||
|
||||
import * as styles from './index.module.scss';
|
||||
|
||||
function FreePlanNotification() {
|
||||
const { currentTenantId } = useContext(TenantsContext);
|
||||
const { data: currentSubscription, error } = useSubscription(currentTenantId);
|
||||
const { t } = useTranslation(undefined, { keyPrefix: 'admin_console.upsell.get_started' });
|
||||
const isLoadingSubscription = !currentSubscription && !error;
|
||||
const theme = useTheme();
|
||||
|
||||
const Image = theme === Theme.Light ? LandingImage : LandingImageDark;
|
||||
|
||||
if (
|
||||
!isCloud ||
|
||||
isLoadingSubscription ||
|
||||
!currentSubscription ||
|
||||
currentSubscription.planId !== ReservedPlanId.free
|
||||
) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return (
|
||||
<div className={styles.container}>
|
||||
<Image className={styles.image} />
|
||||
<div>
|
||||
<div className={styles.title}>{t('title')}</div>
|
||||
<div className={styles.description}>
|
||||
<Trans
|
||||
components={{
|
||||
a: <TextLink to={subscriptionPage} className={styles.textLink} />,
|
||||
}}
|
||||
>
|
||||
{t('description')}
|
||||
</Trans>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default FreePlanNotification;
|
||||
|
|
@ -27,7 +27,6 @@ import useWindowResize from '@/hooks/use-window-resize';
|
|||
import CreateApiForm from '../ApiResources/components/CreateForm';
|
||||
import CreateAppForm from '../Applications/components/CreateForm';
|
||||
|
||||
import FreePlanNotification from './FreePlanNotification';
|
||||
import * as styles from './index.module.scss';
|
||||
|
||||
const icons = {
|
||||
|
|
@ -107,7 +106,6 @@ function GetStarted() {
|
|||
<div className={styles.title}>{t('get_started.title')}</div>
|
||||
<div className={styles.subtitle}>{t('get_started.subtitle')}</div>
|
||||
</div>
|
||||
<FreePlanNotification />
|
||||
<Card className={styles.card}>
|
||||
<div className={styles.title}>{t('get_started.develop.title')}</div>
|
||||
<GuideCardGroup
|
||||
|
|
|
|||
|
|
@ -4,11 +4,6 @@ const upsell = {
|
|||
pro_tag: 'PRO',
|
||||
upgrade_plan: 'Upgrade Plan',
|
||||
compare_plans: 'Pläne vergleichen',
|
||||
get_started: {
|
||||
title: 'Starten Sie Ihre nahtlose Identitätsreise mit einem kostenlosen Plan!',
|
||||
description:
|
||||
'Der kostenlose Plan eignet sich perfekt, um Logto in Ihren eigenen Projekten oder Tests auszuprobieren. Um die volle Leistungsfähigkeit von Logto für Ihr Team zu nutzen, können Sie ein Upgrade durchführen, um uneingeschränkten Zugriff auf Premium-Funktionen zu erhalten: unbegrenzte MAU-Nutzung, Maschine-zu-Maschine-Integration, RBAC-Verwaltung, Langzeit-Audit-Protokolle, usw. <a>Alle Pläne anzeigen</a>',
|
||||
},
|
||||
create_tenant: {
|
||||
title: 'Wählen Sie Ihren Tenant-Plan aus',
|
||||
description:
|
||||
|
|
|
|||
|
|
@ -4,11 +4,6 @@ const upsell = {
|
|||
pro_tag: 'PRO',
|
||||
upgrade_plan: 'Upgrade Plan',
|
||||
compare_plans: 'Compare plans',
|
||||
get_started: {
|
||||
title: 'Begin your seamless identity journey with a free plan!',
|
||||
description:
|
||||
'Free plan is perfect for trying out Logto on your side projects or trials. To fully leverage Logto’s capabilities for your team, upgrade to gain unlimited access to premium features: unlimited MAU usage, Machine-to-Machine integration, RBAC management, long-term audit logs, etc. <a>View all plans</a>',
|
||||
},
|
||||
create_tenant: {
|
||||
title: 'Select your tenant plan',
|
||||
description:
|
||||
|
|
|
|||
|
|
@ -4,11 +4,6 @@ const upsell = {
|
|||
pro_tag: 'PRO',
|
||||
upgrade_plan: 'Plan de actualización',
|
||||
compare_plans: 'Comparar planes',
|
||||
get_started: {
|
||||
title: '¡Comience su viaje de identidad sin problemas con un plan gratuito!',
|
||||
description:
|
||||
'El plan gratuito es perfecto para probar Logto en sus proyectos personales o pruebas. Para aprovechar al máximo las capacidades de Logto para su equipo, actualice para obtener acceso ilimitado a las características premium: uso ilimitado de MAU, integración de Máquina a Máquina, gestión de RBAC, registros de auditoría a largo plazo, etc. <a>Ver todos los planes</a>',
|
||||
},
|
||||
create_tenant: {
|
||||
title: 'Selecciona tu plan de tenant',
|
||||
description:
|
||||
|
|
|
|||
|
|
@ -4,11 +4,6 @@ const upsell = {
|
|||
pro_tag: 'PRO',
|
||||
upgrade_plan: 'Mettre à niveau le plan',
|
||||
compare_plans: 'Comparer les plans',
|
||||
get_started: {
|
||||
title: "Commencez votre parcours d'identité fluide avec un plan gratuit!",
|
||||
description:
|
||||
"Le plan gratuit est parfait pour essayer Logto sur vos projets personnels ou vos essais. Pour tirer pleinement parti des fonctionnalités de Logto pour votre équipe, passez à un abonnement payant pour bénéficier d'un accès illimité aux fonctionnalités premium : utilisation illimitée des MAU, intégration machine à machine, gestion des RBAC, journaux d'audit à long terme, etc. <a>Voir tous les plans</a>",
|
||||
},
|
||||
create_tenant: {
|
||||
title: 'Sélectionnez votre plan pour le locataire',
|
||||
description:
|
||||
|
|
|
|||
|
|
@ -4,11 +4,6 @@ const upsell = {
|
|||
pro_tag: 'PRO',
|
||||
upgrade_plan: 'Aggiorna piano',
|
||||
compare_plans: 'Confronta i piani',
|
||||
get_started: {
|
||||
title: 'Inizia il tuo percorso di identità senza interruzioni con un piano gratuito!',
|
||||
description:
|
||||
"Il piano gratuito è perfetto per provare Logto nei tuoi progetti personali o test. Per sfruttare al massimo le capacità di Logto per il tuo team, esegui l'upgrade per ottenere l'accesso illimitato alle funzionalità premium: utilizzo illimitato di MAU, integrazione da macchina a macchina, gestione RBAC, registri di audit a lungo termine, ecc. <a>Visualizza tutti i piani</a>",
|
||||
},
|
||||
create_tenant: {
|
||||
title: 'Seleziona il piano del tenant',
|
||||
description:
|
||||
|
|
|
|||
|
|
@ -4,11 +4,6 @@ const upsell = {
|
|||
pro_tag: 'プロ',
|
||||
upgrade_plan: 'プランをアップグレード',
|
||||
compare_plans: 'プラン比較',
|
||||
get_started: {
|
||||
title: '無料プランでスムーズなアイデンティティの旅を始めましょう！',
|
||||
description:
|
||||
'無料プランは、サイドプロジェクトやトライアルでのLogtoの試用に最適です。チームにLogtoの機能を最大限に活用するには、アップグレードしてプレミアム機能への無制限アクセスを獲得してください：無制限のMAU利用、マシン間統合、RBAC管理、長期間の監査ログなど。<a>すべてのプランを表示</a>',
|
||||
},
|
||||
create_tenant: {
|
||||
title: 'テナントプランを選択',
|
||||
description:
|
||||
|
|
|
|||
|
|
@ -4,11 +4,6 @@ const upsell = {
|
|||
pro_tag: 'PRO',
|
||||
upgrade_plan: '플랜 업그레이드',
|
||||
compare_plans: '플랜 비교',
|
||||
get_started: {
|
||||
title: '무료 플랜으로 원활한 신원 확인 여정을 시작하세요!',
|
||||
description:
|
||||
'무료 플랜은 사이드 프로젝트나 시험용으로 Logto를 시도하기에 완벽합니다. 팀에 Logto의 기능을 모두 활용하려면 업그레이드하여 프리미엄 기능에 무제한으로 접근하세요: 무제한 MAU 사용, 기기 간 통합, RBAC 관리, 장기간 감사 로그 등. <a>모든 플랜 보기</a>',
|
||||
},
|
||||
create_tenant: {
|
||||
title: '테넌트 플랜 선택하기',
|
||||
description:
|
||||
|
|
|
|||
|
|
@ -4,11 +4,6 @@ const upsell = {
|
|||
pro_tag: 'PRO',
|
||||
upgrade_plan: 'Ulepsz plan',
|
||||
compare_plans: 'Porównaj plany',
|
||||
get_started: {
|
||||
title: 'Rozpocznij swój płynny proces identyfikacji dzięki darmowemu planowi!',
|
||||
description:
|
||||
'Darmowy plan doskonale sprawdzi się do przetestowania Logto na twoich projektach czy testach. Aby w pełni wykorzystać możliwości Logto dla twojego zespołu, zaktualizuj plan i uzyskaj nieograniczony dostęp do funkcji premium: nielimitowanej liczby MAU, integracji maszynowej, zarządzania RBAC, długoterminowych dzienników audytu itd. <a>Zobacz wszystkie plany</a>',
|
||||
},
|
||||
create_tenant: {
|
||||
title: 'Wybierz swój plan najemcy',
|
||||
description:
|
||||
|
|
|
|||
|
|
@ -4,11 +4,6 @@ const upsell = {
|
|||
pro_tag: 'PRO',
|
||||
upgrade_plan: 'Atualizar plano',
|
||||
compare_plans: 'Comparar planos',
|
||||
get_started: {
|
||||
title: 'Inicie sua jornada de identidade sem problemas com um plano gratuito!',
|
||||
description:
|
||||
'O plano gratuito é perfeito para experimentar o Logto em seus projetos paralelos ou testes. Para aproveitar ao máximo as capacidades do Logto para sua equipe, faça um upgrade para obter acesso ilimitado aos recursos premium: uso ilimitado de MAU, integração Máquina-a-Máquina, gerenciamento de RBAC, logs de auditoria de longo prazo, etc. <a>Ver todos os planos</a>',
|
||||
},
|
||||
create_tenant: {
|
||||
title: 'Selecione o seu plano de inquilino',
|
||||
description:
|
||||
|
|
|
|||
|
|
@ -4,11 +4,6 @@ const upsell = {
|
|||
pro_tag: 'PRO',
|
||||
upgrade_plan: 'Atualizar plano',
|
||||
compare_plans: 'Comparar planos',
|
||||
get_started: {
|
||||
title: 'Inicie a sua jornada de identidade perfeita com um plano gratuito!',
|
||||
description:
|
||||
'O plano gratuito é perfeito para experimentar o Logto nos seus projetos pessoais ou testes. Para aproveitar ao máximo as capacidades do Logto para a sua equipa, faça a atualização para obter acesso ilimitado às funcionalidades premium: utilização ilimitada de MAU, integração máquina a máquina, gestão RBAC, registos de auditoria a longo prazo, etc. <a>Ver todos os planos</a>',
|
||||
},
|
||||
create_tenant: {
|
||||
title: 'Selecione o seu plano de inquilino',
|
||||
description:
|
||||
|
|
|
|||
|
|
@ -4,11 +4,6 @@ const upsell = {
|
|||
pro_tag: 'PRO',
|
||||
upgrade_plan: 'Повысить план',
|
||||
compare_plans: 'Сравнить планы',
|
||||
get_started: {
|
||||
title: 'Начните беспрепятственное путешествие по идентификации с бесплатным планом!',
|
||||
description:
|
||||
'Бесплатный план отлично подходит для опробования Logto в ваших собственных проектах или испытаниях. Чтобы полностью использовать возможности Logto для вашей команды, выполните обновление, чтобы получить неограниченный доступ к премиум-функциям: неограниченное использование MAU, интеграция Машина-к-Машине, управление RBAC, долгосрочные журналы аудита и т.д. <a>Посмотреть все планы</a>',
|
||||
},
|
||||
create_tenant: {
|
||||
title: 'Выберите план арендатора',
|
||||
description:
|
||||
|
|
|
|||
|
|
@ -4,11 +4,6 @@ const upsell = {
|
|||
pro_tag: 'PRO',
|
||||
upgrade_plan: 'Planı Yükselt',
|
||||
compare_plans: 'Planları Karşılaştır',
|
||||
get_started: {
|
||||
title: 'Ücretsiz bir planla sorunsuz kimlik yolculuğunuza başlayın!',
|
||||
description:
|
||||
"Ücretsiz plan, Logto'yu yan projelerinizde veya denemelerinizde denemek için mükemmeldir. Ekibiniz için Logto'nun yeteneklerini tam anlamıyla kullanmak için sınırsız erişim elde etmek için yükseltme yaparak premium özelliklere sahip olun: sınırsız MAU kullanımı, Makine-Makine entegrasyonu, RBAC yönetimi, uzun süreli denetim günlükleri vb. <a>Tüm planları görüntüle</a>",
|
||||
},
|
||||
create_tenant: {
|
||||
title: 'Kiracı planınızı seçin',
|
||||
description:
|
||||
|
|
|
|||
|
|
@ -4,11 +4,6 @@ const upsell = {
|
|||
pro_tag: 'PRO',
|
||||
upgrade_plan: '升级计划',
|
||||
compare_plans: '比较计划',
|
||||
get_started: {
|
||||
title: '通过免费计划开始您无缝的身份之旅！',
|
||||
description:
|
||||
'免费计划非常适合在您的边项目或试用中尝试Logto。为了充分利用Logto团队的功能，升级并获得对高级功能的无限访问：无限MAU使用、机器对机器集成、RBAC管理、长期审计日志等。 <a>查看所有计划</a>',
|
||||
},
|
||||
create_tenant: {
|
||||
title: '选择您的租户计划',
|
||||
description:
|
||||
|
|
|
|||
|
|
@ -4,11 +4,6 @@ const upsell = {
|
|||
pro_tag: 'PRO',
|
||||
upgrade_plan: '升級計劃',
|
||||
compare_plans: '比較計劃',
|
||||
get_started: {
|
||||
title: '通過免費計劃開始您無縫的身份之旅！',
|
||||
description:
|
||||
'免費計劃非常適合在您的邊项目或試用中嘗試Logto。為了充分利用Logto團隊的功能，升級並獲得對高級功能的無限訪問：無限MAU使用、機器對機器集成、RBAC管理、長期審計日志等。 <a>查看所有計劃</a>',
|
||||
},
|
||||
create_tenant: {
|
||||
title: '選擇您的租戶計劃',
|
||||
description:
|
||||
|
|
|
|||
|
|
@ -4,11 +4,6 @@ const upsell = {
|
|||
pro_tag: 'PRO',
|
||||
upgrade_plan: '升級計劃',
|
||||
compare_plans: '比較計劃',
|
||||
get_started: {
|
||||
title: '通過免費計劃開始您無縫的身份之旅！',
|
||||
description:
|
||||
'免費計劃非常適合在您的邊项目或試用中嘗試Logto。為了充分利用Logto團隊的功能，升級並獲得對高級功能的無限訪問：無限MAU使用、機器對機器集成、RBAC管理、長期審計日志等。 <a>查看所有計劃</a>',
|
||||
},
|
||||
create_tenant: {
|
||||
title: '選擇您的租戶計劃',
|
||||
description:
|
||||
|
|
|
|||
Loading…
Reference in a new issue