import { Trans, useTranslation } from 'react-i18next' import { useSubscriptionDashboardContext } from '../../context/subscription-dashboard-context' import { RowLink } from './row-link' export default function ManagedGroupSubscriptions() { const { t } = useTranslation() const { managedGroupSubscriptions } = useSubscriptionDashboardContext() if (!managedGroupSubscriptions) { return null } return ( <> {managedGroupSubscriptions.map(subscription => { let groupSettingRowSubText = '' const subscriptionHasGroupSSO = subscription?.features?.groupSSO const subscriptionHasManagedUsers = subscription?.features?.managedUsers if (subscriptionHasGroupSSO && subscriptionHasManagedUsers) { groupSettingRowSubText = t('manage_group_settings_subtext') } else if (subscriptionHasGroupSSO) { groupSettingRowSubText = t('manage_group_settings_subtext_group_sso') } else if (subscriptionHasManagedUsers) { groupSettingRowSubText = t( 'manage_group_settings_subtext_managed_users' ) } return (
{subscription.userIsGroupMember ? (