import React from 'react'; import ImmutablePropTypes from 'react-immutable-proptypes'; import PropTypes from 'prop-types'; import VerificationBadge from './verification_badge'; export default class DisplayName extends React.PureComponent { static propTypes = { account: ImmutablePropTypes.map.isRequired, others: ImmutablePropTypes.list, localDomain: PropTypes.string, }; render () { const { others, localDomain } = this.props; let displayName, suffix, account; if (others && others.size > 1) { displayName = others.take(2).map(a => ).reduce((prev, cur) => [prev, ', ', cur]); if (others.size - 2 > 0) { suffix = `+${others.size - 2}`; } } else { if (others && others.size > 0) { account = others.first(); } else { account = this.props.account; } displayName = ; suffix = @{account.get('acct')}; } return ( {displayName} {account.get('is_verified') && } {suffix} ); } }