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 { Trans, useTranslation } from 'react-i18next' import MemberPrivileges from './member-privileges' import { resendInvite, revokeInvite } from '../utils/api' import { useProjectContext } from '../../../shared/context/project-context' export default function Invite({ invite, isAdmin }) { return (
{invite.email}
.  {isAdmin && }
{isAdmin && ( )}
) } Invite.propTypes = { invite: PropTypes.object.isRequired, isAdmin: PropTypes.bool.isRequired, } function ResendInvite({ invite }) { 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 } = useProjectContext() function handleClick(event) { event.preventDefault() monitorRequest(() => revokeInvite(projectId, invite)).then(() => { updateProject({ invites: invites.filter(existing => existing !== invite), }) }) } return ( } overlayProps={{ placement: 'bottom' }} > ) } RevokeInvite.propTypes = { invite: PropTypes.object.isRequired, }