import { useCallback } from 'react' import PropTypes from 'prop-types' import { useShareProjectContext } from './share-project-modal' import Icon from '../../../shared/components/icon' import { Button, Col, Row } from 'react-bootstrap' import Tooltip from '../../../shared/components/tooltip' import { useTranslation } from 'react-i18next' import MemberPrivileges from './member-privileges' import { resendInvite, revokeInvite } from '../utils/api' import { useProjectContext } from '../../../shared/context/project-context' import { sendMB } from '../../../infrastructure/event-tracking' export default function Invite({ invite, isProjectOwner }) { const { t } = useTranslation() return (
{invite.email}
{t('invite_not_accepted')} .  {isProjectOwner && }
{isProjectOwner && ( )}
) } Invite.propTypes = { invite: PropTypes.object.isRequired, isProjectOwner: PropTypes.bool.isRequired, } function ResendInvite({ invite }) { const { t } = useTranslation() const { monitorRequest } = useShareProjectContext() const { _id: projectId } = useProjectContext() // const buttonRef = useRef(null) // const handleClick = useCallback( () => monitorRequest(() => resendInvite(projectId, invite)).finally(() => { // NOTE: disabled as react-bootstrap v0.33.1 isn't forwarding the ref to the `button` // if (buttonRef.current) { // buttonRef.current.blur() // } document.activeElement.blur() }), [invite, monitorRequest, projectId] ) return ( ) } ResendInvite.propTypes = { invite: PropTypes.object.isRequired, } function RevokeInvite({ invite }) { const { t } = useTranslation() const { updateProject, monitorRequest } = useShareProjectContext() const { _id: projectId, invites, members } = useProjectContext() function handleClick(event) { event.preventDefault() monitorRequest(() => revokeInvite(projectId, invite)).then(() => { const updatedInvites = invites.filter(existing => existing !== invite) updateProject({ invites: updatedInvites, }) sendMB('collaborator-invite-revoked', { project_id: projectId, current_invites_amount: updatedInvites.length, current_collaborators_amount: members.length, }) }) } return ( ) } RevokeInvite.propTypes = { invite: PropTypes.object.isRequired, }