overleaf/services/web/frontend/js/features/group-management/components/group-managers.tsx

38 lines
900 B
TypeScript
Raw Normal View History

import { useMemo } from 'react'
import { useTranslation } from 'react-i18next'
import useWaitForI18n from '../../../shared/hooks/use-wait-for-i18n'
import getMeta from '../../../utils/meta'
import { ManagersTable } from './managers-table'
export default function GroupManagers() {
const { isReady } = useWaitForI18n()
const { t } = useTranslation()
const groupId = getMeta('ol-groupId')
const groupName = getMeta('ol-groupName')
const paths = useMemo(
() => ({
addMember: `/manage/groups/${groupId}/managers`,
removeMember: `/manage/groups/${groupId}/managers`,
}),
[groupId]
)
if (!isReady) {
return null
}
return (
<ManagersTable
groupName={groupName}
translations={{
title: t('group_subscription'),
subtitle: t('managers_management'),
remove: t('remove_manager'),
}}
paths={paths}
/>
)
}