2017-11-18 13:39:02 -05:00
import React from 'react' ;
import PropTypes from 'prop-types' ;
import ImmutablePropTypes from 'react-immutable-proptypes' ;
import { FormattedMessage } from 'react-intl' ;
import ImmutablePureComponent from 'react-immutable-pure-component' ;
import AvatarOverlay from '../../../components/avatar_overlay' ;
import DisplayName from '../../../components/display_name' ;
export default class MovedNote extends ImmutablePureComponent {
static contextTypes = {
router : PropTypes . object ,
} ;
static propTypes = {
from : ImmutablePropTypes . map . isRequired ,
to : ImmutablePropTypes . map . isRequired ,
} ;
handleAccountClick = e => {
if ( e . button === 0 ) {
e . preventDefault ( ) ;
this . context . router . history . push ( ` /accounts/ ${ this . props . to . get ( 'id' ) } ` ) ;
}
e . stopPropagation ( ) ;
}
render ( ) {
const { from , to } = this . props ;
const displayNameHtml = { _ _html : from . get ( 'display_name_html' ) } ;
return (
< div className = 'account__moved-note' >
< div className = 'account__moved-note__message' >
2018-09-27 20:11:14 -04:00
< div className = 'account__moved-note__icon-wrapper' > < i className = 'fa fa-fw fa-suitcase account__moved-note__icon' / > < / d i v >
2018-01-15 12:55:10 -05:00
< FormattedMessage id = 'account.moved_to' defaultMessage = '{name} has moved to:' values = { { name : < bdi > < strong dangerouslySetInnerHTML = { displayNameHtml } / > < /bdi> }} / >
2017-11-18 13:39:02 -05:00
< / d i v >
< a href = { to . get ( 'url' ) } onClick = { this . handleAccountClick } className = 'detailed-status__display-name' >
< div className = 'detailed-status__display-avatar' > < AvatarOverlay account = { to } friend = { from } / > < / d i v >
< DisplayName account = { to } / >
< / a >
< / d i v >
) ;
}
}