diff --git a/packages/console/src/pages/Applications/components/TypeDescription/index.module.scss b/packages/console/src/pages/Applications/components/TypeDescription/index.module.scss
index a1a531dc4..0a4309b6c 100644
--- a/packages/console/src/pages/Applications/components/TypeDescription/index.module.scss
+++ b/packages/console/src/pages/Applications/components/TypeDescription/index.module.scss
@@ -35,10 +35,4 @@
font: var(--font-body-3);
}
}
-
- .proTag {
- position: absolute;
- top: 0;
- right: 0;
- }
}
diff --git a/packages/console/src/pages/Applications/components/TypeDescription/index.tsx b/packages/console/src/pages/Applications/components/TypeDescription/index.tsx
index fd48434dc..3bb53426b 100644
--- a/packages/console/src/pages/Applications/components/TypeDescription/index.tsx
+++ b/packages/console/src/pages/Applications/components/TypeDescription/index.tsx
@@ -1,11 +1,7 @@
-import { ApplicationType, ReservedPlanId } from '@logto/schemas';
+import { type ApplicationType } from '@logto/schemas';
import classNames from 'classnames';
-import { useContext } from 'react';
import ApplicationIcon from '@/components/ApplicationIcon';
-import FeatureTag from '@/components/FeatureTag';
-import { isCloud } from '@/consts/env';
-import { SubscriptionDataContext } from '@/contexts/SubscriptionDataProvider';
import * as styles from './index.module.scss';
@@ -18,23 +14,12 @@ type Props = {
};
function TypeDescription({ title, subtitle, description, type, size = 'large' }: Props) {
- const { currentPlan } = useContext(SubscriptionDataContext);
- const hasPaywall = isCloud && type === ApplicationType.MachineToMachine;
-
return (
{title}
{subtitle}
{description}
- {hasPaywall && (
-
-
-
- )}
);
}
diff --git a/packages/console/src/pages/Roles/components/CreateRoleForm/index.tsx b/packages/console/src/pages/Roles/components/CreateRoleForm/index.tsx
index 01b33f6bb..83724c4e1 100644
--- a/packages/console/src/pages/Roles/components/CreateRoleForm/index.tsx
+++ b/packages/console/src/pages/Roles/components/CreateRoleForm/index.tsx
@@ -1,17 +1,14 @@
import { type AdminConsoleKey } from '@logto/phrases';
import type { Role, ScopeResponse } from '@logto/schemas';
-import { ReservedPlanId, RoleType, internalRolePrefix } from '@logto/schemas';
+import { RoleType, internalRolePrefix } from '@logto/schemas';
import { conditional } from '@silverhand/essentials';
-import { useContext, useState } from 'react';
+import { useState } from 'react';
import { Controller, useForm } from 'react-hook-form';
import { useTranslation } from 'react-i18next';
import KeyboardArrowDown from '@/assets/icons/keyboard-arrow-down.svg';
import KeyboardArrowUp from '@/assets/icons/keyboard-arrow-up.svg';
-import FeatureTag from '@/components/FeatureTag';
import RoleScopesTransfer from '@/components/RoleScopesTransfer';
-import { isCloud } from '@/consts/env';
-import { SubscriptionDataContext } from '@/contexts/SubscriptionDataProvider';
import Button from '@/ds-components/Button';
import DynamicT from '@/ds-components/DynamicT';
import FormField from '@/ds-components/FormField';
@@ -24,11 +21,11 @@ import { trySubmitSafe } from '@/utils/form';
import Footer from './Footer';
import * as styles from './index.module.scss';
-type RadioOption = { key: AdminConsoleKey; value: RoleType; hasPaywall: boolean };
+type RadioOption = { key: AdminConsoleKey; value: RoleType };
const radioOptions: RadioOption[] = [
- { key: 'roles.type_user', value: RoleType.User, hasPaywall: false },
- { key: 'roles.type_machine_to_machine', value: RoleType.MachineToMachine, hasPaywall: true },
+ { key: 'roles.type_user', value: RoleType.User },
+ { key: 'roles.type_machine_to_machine', value: RoleType.MachineToMachine },
];
export type Props = {
@@ -46,7 +43,6 @@ type CreateRolePayload = Pick & {
function CreateRoleForm({ onClose }: Props) {
const [isTypeSelectorVisible, setIsTypeSelectorVisible] = useState(false);
const { t } = useTranslation(undefined, { keyPrefix: 'admin_console' });
- const { currentPlan } = useContext(SubscriptionDataContext);
const {
control,
@@ -143,22 +139,8 @@ function CreateRoleForm({ onClose }: Props) {
onChange(value);
}}
>
- {radioOptions.map(({ key, value, hasPaywall }) => (
- }
- value={value}
- trailingIcon={
- hasPaywall &&
- isCloud && (
-
- )
- }
- />
+ {radioOptions.map(({ key, value }) => (
+ } value={value} />
))}
)}