overleaf/services/web/frontend/js/features/settings/components/leave-section.tsx

40 lines
940 B
TypeScript
Raw Normal View History

import { useState, useCallback } from 'react'
import { useTranslation } from 'react-i18next'
import LeaveModal from './leave/modal'
import getMeta from '../../../utils/meta'
function LeaveSection() {
const { t } = useTranslation()
const [isModalOpen, setIsModalOpen] = useState(false)
const handleClose = useCallback(() => {
setIsModalOpen(false)
}, [])
const handleOpen = useCallback(() => {
setIsModalOpen(true)
}, [])
// Prevent managed users deleting their own accounts
if (getMeta('ol-cannot-delete-own-account')) {
return (
<>
{t('need_to_leave')} {t('contact_group_admin')}
</>
)
}
return (
<>
{t('need_to_leave')}{' '}
<button className="btn btn-inline-link btn-danger" onClick={handleOpen}>
{t('delete_your_account')}
</button>
<LeaveModal isOpen={isModalOpen} handleClose={handleClose} />
</>
)
}
export default LeaveSection