mirror of
https://github.com/overleaf/overleaf.git
synced 2024-10-24 21:12:38 -04:00
2dcf87e3f6
* add hasBeenDowngraded prop for EditMember * reduce padding on share modal collab row, add prompt to hasBeenDowngraded Select * share modal select styling tweaks to allow for inline warning icon * always show editor limit subtitle when in downgraded state * add AccessLevelsChanged warning, tweak owner row styling * conditionally set hasBeenDowngraded prop. make invited member row styling more consistent between warning/enforcement * add an info state for access level changed notification * add notification for lost edit access on collaborator share modal, TSify SendInvitesNotice * fix member privilege alignment in collaborator share modal * show blue upgrade CTA when some pending editors have been resolved * automatically show share modal to owners when has pending editors or is over collab limit * only show lost edit access warning in read-only share modal to pending editors --------- Co-authored-by: Thomas <thomas-@users.noreply.github.com> GitOrigin-RevId: e3b88052a48b8f598299ffc55b7c24cb793da151
28 lines
794 B
JavaScript
28 lines
794 B
JavaScript
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={8}>
|
|
<div className="project-member-email-icon">
|
|
<Icon type="user" fw />
|
|
<div className="email-warning">{member.email}</div>
|
|
</div>
|
|
</Col>
|
|
<Col xs={4} className="text-right">
|
|
<MemberPrivileges privileges={member.privileges} />
|
|
</Col>
|
|
</Row>
|
|
)
|
|
}
|
|
|
|
ViewMember.propTypes = {
|
|
member: PropTypes.shape({
|
|
_id: PropTypes.string.isRequired,
|
|
email: PropTypes.string.isRequired,
|
|
privileges: PropTypes.string.isRequired,
|
|
}).isRequired,
|
|
}
|