2017-11-18 18:39:02 +00: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' ;
2019-01-31 23:14:05 +00:00
import Icon from 'mastodon/components/icon' ;
2017-11-18 18:39:02 +00:00
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 ( ) ;
2021-09-26 03:46:13 +00:00
this . context . router . history . push ( ` /@ ${ this . props . to . get ( 'acct' ) } ` ) ;
2017-11-18 18:39:02 +00:00
}
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' >
2019-01-31 23:14:05 +00:00
< div className = 'account__moved-note__icon-wrapper' > < Icon id = 'suitcase' className = 'account__moved-note__icon' fixedWidth / > < / d i v >
2018-01-15 17:55:10 +00:00
< FormattedMessage id = 'account.moved_to' defaultMessage = '{name} has moved to:' values = { { name : < bdi > < strong dangerouslySetInnerHTML = { displayNameHtml } / > < /bdi> }} / >
2017-11-18 18:39:02 +00: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 >
) ;
}
}