30 lines
895 B
React
30 lines
895 B
React
import PropTypes from 'prop-types'
|
|
import MemberPrivileges from './member-privileges'
|
|
import OLRow from '@/features/ui/components/ol/ol-row'
|
|
import OLCol from '@/features/ui/components/ol/ol-col'
|
|
import MaterialIcon from '@/shared/components/material-icon'
|
|
|
|
export default function ViewMember({ member }) {
|
|
return (
|
|
<OLRow className="project-member">
|
|
<OLCol xs={8}>
|
|
<div className="project-member-email-icon">
|
|
<MaterialIcon type="person" />
|
|
<div className="email-warning">{member.email}</div>
|
|
</div>
|
|
</OLCol>
|
|
<OLCol xs={4} className="text-end">
|
|
<MemberPrivileges privileges={member.privileges} />
|
|
</OLCol>
|
|
</OLRow>
|
|
)
|
|
}
|
|
|
|
ViewMember.propTypes = {
|
|
member: PropTypes.shape({
|
|
_id: PropTypes.string.isRequired,
|
|
email: PropTypes.string.isRequired,
|
|
privileges: PropTypes.string.isRequired,
|
|
}).isRequired,
|
|
}
|