overleaf/services/web/frontend/js/features/share-project-modal/components/restricted-link-sharing/view-member.jsx

29 lines
793 B
React
Raw Normal View History

import PropTypes from 'prop-types'
import { Col, Row } from 'react-bootstrap'
import MemberPrivileges from './member-privileges'
import Icon from '@/shared/components/icon'
export default function ViewMember({ member }) {
return (
<Row className="project-member">
<Col xs={9}>
<div className="project-member-email-icon">
<Icon type="user" fw />
<div className="email-warning">{member.email}</div>
</div>
</Col>
<Col xs={3} className="text-left">
<MemberPrivileges privileges={member.privileges} />
</Col>
</Row>
)
}
ViewMember.propTypes = {
member: PropTypes.shape({
_id: PropTypes.string.isRequired,
email: PropTypes.string.isRequired,
privileges: PropTypes.string.isRequired,
}).isRequired,
}