mirror of
https://github.com/yu-i-i/overleaf-cep.git
synced 2025-07-30 17:00:08 +02:00
905cc5d45f
* Refactor project context to not use scope store * Fix Cypress tests for project context changes * Fix frontend React Testing Library tests for project context changes * Remove redundant code * Fix some project types in tests * Remove unused import and fix a type * Throw an error if updating the project in the project context before joining the project * Fix some review panel tests * Remove unused imports GitOrigin-RevId: 2f0c928b651f387aa980c29aef7d1ba0649790a7
90 lines
2.6 KiB
TypeScript
90 lines
2.6 KiB
TypeScript
import { useState } from 'react'
|
|
import { Trans, useTranslation } from 'react-i18next'
|
|
import { transferProjectOwnership } from '../utils/api'
|
|
import { useProjectContext } from '@/shared/context/project-context'
|
|
import { useLocation } from '@/shared/hooks/use-location'
|
|
import OLModal, {
|
|
OLModalBody,
|
|
OLModalFooter,
|
|
OLModalHeader,
|
|
OLModalTitle,
|
|
} from '@/features/ui/components/ol/ol-modal'
|
|
import OLNotification from '@/features/ui/components/ol/ol-notification'
|
|
import OLButton from '@/features/ui/components/ol/ol-button'
|
|
import { Spinner } from 'react-bootstrap'
|
|
import { ProjectMember } from '@/shared/context/types/project-metadata'
|
|
|
|
export default function TransferOwnershipModal({
|
|
member,
|
|
cancel,
|
|
}: {
|
|
member: ProjectMember
|
|
cancel: () => void
|
|
}) {
|
|
const { t } = useTranslation()
|
|
|
|
const [inflight, setInflight] = useState(false)
|
|
const [error, setError] = useState(false)
|
|
const location = useLocation()
|
|
|
|
const { projectId, name: projectName } = useProjectContext()
|
|
|
|
function confirm() {
|
|
setError(false)
|
|
setInflight(true)
|
|
|
|
transferProjectOwnership(projectId, member)
|
|
.then(() => {
|
|
location.reload()
|
|
})
|
|
.catch(() => {
|
|
setError(true)
|
|
setInflight(false)
|
|
})
|
|
}
|
|
|
|
return (
|
|
<OLModal show onHide={cancel}>
|
|
<OLModalHeader closeButton>
|
|
<OLModalTitle>{t('change_project_owner')}</OLModalTitle>
|
|
</OLModalHeader>
|
|
<OLModalBody>
|
|
<p>
|
|
<Trans
|
|
i18nKey="project_ownership_transfer_confirmation_1"
|
|
values={{ user: member.email, project: projectName }}
|
|
components={[<strong key="strong-1" />, <strong key="strong-2" />]}
|
|
shouldUnescape
|
|
tOptions={{ interpolation: { escapeValue: true } }}
|
|
/>
|
|
</p>
|
|
<p>{t('project_ownership_transfer_confirmation_2')}</p>
|
|
{error && (
|
|
<OLNotification
|
|
type="error"
|
|
content={t('generic_something_went_wrong')}
|
|
className="mb-0 mt-3"
|
|
/>
|
|
)}
|
|
</OLModalBody>
|
|
<OLModalFooter>
|
|
<div className="me-auto">
|
|
{inflight && (
|
|
<Spinner
|
|
animation="border"
|
|
aria-hidden="true"
|
|
size="sm"
|
|
role="status"
|
|
/>
|
|
)}
|
|
</div>
|
|
<OLButton variant="secondary" onClick={cancel} disabled={inflight}>
|
|
{t('cancel')}
|
|
</OLButton>
|
|
<OLButton variant="primary" onClick={confirm} disabled={inflight}>
|
|
{t('change_owner')}
|
|
</OLButton>
|
|
</OLModalFooter>
|
|
</OLModal>
|
|
)
|
|
}
|