diff --git a/frontend/web/src/components/FeatureBadge.tsx b/frontend/web/src/components/FeatureBadge.tsx index 3074be9..351f868 100644 --- a/frontend/web/src/components/FeatureBadge.tsx +++ b/frontend/web/src/components/FeatureBadge.tsx @@ -1,11 +1,20 @@ import { Tooltip } from "@mui/joy"; +import { FeatureType, checkFeatureAvailable } from "@/helpers/feature"; +import { useWorkspaceStore } from "@/stores"; import Icon from "./Icon"; interface Props { + feature: FeatureType; className?: string; } -const FeatureBadge = ({ className }: Props) => { +const FeatureBadge = ({ feature, className }: Props) => { + const workspaceStore = useWorkspaceStore(); + const isFeatureEnabled = checkFeatureAvailable(feature, workspaceStore.profile.plan); + + if (isFeatureEnabled) { + return null; + } return ( diff --git a/frontend/web/src/components/setting/MemberSection.tsx b/frontend/web/src/components/setting/MemberSection.tsx index 97ae67a..b08c3d2 100644 --- a/frontend/web/src/components/setting/MemberSection.tsx +++ b/frontend/web/src/components/setting/MemberSection.tsx @@ -67,20 +67,20 @@ const MemberSection = () => {
-
+
- - - - @@ -88,10 +88,10 @@ const MemberSection = () => { {userList.map((user) => ( - - - - + + +
+ {t("user.nickname")} + {t("user.email")} + {t("user.role")} + {t("common.edit")}
{user.nickname}{user.email}{convertRoleFromPb(user.role)} + {user.nickname}{user.email}{convertRoleFromPb(user.role)} { const workspaceStore = useWorkspaceStore(); const [identityProviderList, setIdentityProviderList] = useState([]); const [editState, setEditState] = useState({ open: false, identityProvider: undefined }); + const isSSOFeatureEnabled = checkFeatureAvailable(FeatureType.SSO, workspaceStore.profile.plan); useEffect(() => { fetchIdentityProviderList(); @@ -53,10 +56,12 @@ const SSOSection = () => {
SSO +