You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

20 lines
581 B

7 years ago
7 years ago
7 years ago
7 years ago
  1. import React from 'react';
  2. import ImmutablePropTypes from 'react-immutable-proptypes';
  3. export default class DisplayName extends React.PureComponent {
  4. static propTypes = {
  5. account: ImmutablePropTypes.map.isRequired,
  6. };
  7. render () {
  8. const displayNameHtml = { __html: this.props.account.get('display_name_html') };
  9. return (
  10. <span className='display-name'>
  11. <strong className='display-name__html' dangerouslySetInnerHTML={displayNameHtml} /> <span className='display-name__account'>@{this.props.account.get('acct')}</span>
  12. </span>
  13. );
  14. }
  15. }