mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-07 22:14:20 -05:00
b7108f7874
[web] Managed groups in React subscription dash GitOrigin-RevId: 4811d8dd2b42fa9ad83b5c4f12582e7bc04bad40
74 lines
2.5 KiB
TypeScript
74 lines
2.5 KiB
TypeScript
import { Trans, useTranslation } from 'react-i18next'
|
|
import { GroupSubscription } from '../../../../../../types/subscription/dashboard/subscription'
|
|
import { User } from '../../../../../../types/user'
|
|
|
|
export type ManagedGroupSubscription = Omit<GroupSubscription, 'admin_id'> & {
|
|
userIsGroupMember: boolean
|
|
planLevelName: string
|
|
admin_id: User
|
|
}
|
|
|
|
type ManagedGroupSubscriptionsProps = {
|
|
subscriptions?: ManagedGroupSubscription[]
|
|
}
|
|
|
|
export default function ManagedGroupSubscriptions({
|
|
subscriptions,
|
|
}: ManagedGroupSubscriptionsProps) {
|
|
const { t } = useTranslation()
|
|
|
|
if (!subscriptions) {
|
|
return null
|
|
}
|
|
|
|
return (
|
|
<>
|
|
{subscriptions.map(subscription => (
|
|
<div key={`managed-group-${subscription._id}`}>
|
|
<p>
|
|
{subscription.userIsGroupMember ? (
|
|
<Trans
|
|
i18nKey="you_are_a_manager_and_member_of_x_plan_as_member_of_group_subscription_y_administered_by_z"
|
|
components={[<a href="/user/subscription/plans" />, <strong />]} // eslint-disable-line react/jsx-key, jsx-a11y/anchor-has-content
|
|
values={{
|
|
planName: subscription.planLevelName,
|
|
groupName: subscription.teamName || '',
|
|
adminEmail: subscription.admin_id.email,
|
|
}}
|
|
/>
|
|
) : (
|
|
<Trans
|
|
i18nKey="you_are_a_manager_of_x_plan_as_member_of_group_subscription_y_administered_by_z"
|
|
components={[<a href="/user/subscription/plans" />, <strong />]} // eslint-disable-line react/jsx-key, jsx-a11y/anchor-has-content
|
|
values={{
|
|
planName: subscription.planLevelName,
|
|
groupName: subscription.teamName || '',
|
|
adminEmail: subscription.admin_id.email,
|
|
}}
|
|
/>
|
|
)}
|
|
</p>
|
|
<p>
|
|
<a
|
|
className="btn btn-primary"
|
|
href={`/manage/groups/${subscription._id}/members`}
|
|
>
|
|
<i className="fa fa-fw fa-users" /> {t('manage_members')}
|
|
</a>
|
|
</p>
|
|
<p>
|
|
<a href={`/manage/groups/${subscription._id}/managers`}>
|
|
<i className="fa fa-fw fa-users" /> {t('manage_group_managers')}
|
|
</a>
|
|
</p>
|
|
<p>
|
|
<a href={`/metrics/groups/${subscription._id}`}>
|
|
<i className="fa fa-fw fa-line-chart" /> {t('view_metrics')}
|
|
</a>
|
|
</p>
|
|
<hr />
|
|
</div>
|
|
))}
|
|
</>
|
|
)
|
|
}
|