overleaf/services/web/frontend/js/features/settings/components/managed-account-alert.tsx

43 lines
1.1 KiB
TypeScript
Raw Normal View History

import { Trans, useTranslation } from 'react-i18next'
import getMeta from '@/utils/meta'
import Notification from '@/shared/components/notification'
export default function ManagedAccountAlert() {
const { t } = useTranslation()
const isManaged = getMeta('ol-isManagedAccount')
const currentManagedUserAdminEmail = getMeta(
'ol-currentManagedUserAdminEmail'
)
if (!isManaged) {
return null
}
return (
<Notification
type="info"
content={
<>
<div>
<strong>
{t('account_managed_by_group_administrator', {
admin: currentManagedUserAdminEmail,
})}
</strong>
</div>
<Trans
i18nKey="need_contact_group_admin_to_make_changes"
components={[
// eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key
<a
href="/learn/how-to/Understanding_Managed_Overleaf_Accounts"
target="_blank"
/>,
]}
/>
</>
}
/>
)
}