72 lines
		
	
	
	
		
			2 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			72 lines
		
	
	
	
		
			2 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
//  `<NotificationFollow>`
 | 
						|
//  ======================
 | 
						|
 | 
						|
//  * * * * * * *  //
 | 
						|
 | 
						|
//  Imports
 | 
						|
//  -------
 | 
						|
 | 
						|
//  Package imports.
 | 
						|
import React from 'react';
 | 
						|
import ImmutablePropTypes from 'react-immutable-proptypes';
 | 
						|
import PropTypes from 'prop-types';
 | 
						|
import { FormattedMessage } from 'react-intl';
 | 
						|
import ImmutablePureComponent from 'react-immutable-pure-component';
 | 
						|
 | 
						|
//  Mastodon imports.
 | 
						|
import Permalink from '../../../mastodon/components/permalink';
 | 
						|
import AccountContainer from '../../../mastodon/containers/account_container';
 | 
						|
 | 
						|
// Our imports.
 | 
						|
import NotificationOverlayContainer from '../notification/overlay/container';
 | 
						|
 | 
						|
//  * * * * * * *  //
 | 
						|
 | 
						|
//  Implementation
 | 
						|
//  --------------
 | 
						|
 | 
						|
export default class NotificationFollow extends ImmutablePureComponent {
 | 
						|
 | 
						|
  static propTypes = {
 | 
						|
    id                   : PropTypes.string.isRequired,
 | 
						|
    account              : ImmutablePropTypes.map.isRequired,
 | 
						|
    notification         : ImmutablePropTypes.map.isRequired,
 | 
						|
  };
 | 
						|
 | 
						|
  render () {
 | 
						|
    const { account, notification } = this.props;
 | 
						|
 | 
						|
    //  Links to the display name.
 | 
						|
    const displayName = account.get('display_name_html') || account.get('username');
 | 
						|
    const link = (
 | 
						|
      <Permalink
 | 
						|
        className='notification__display-name'
 | 
						|
        href={account.get('url')}
 | 
						|
        title={account.get('acct')}
 | 
						|
        to={`/accounts/${account.get('id')}`}
 | 
						|
        dangerouslySetInnerHTML={{ __html: displayName }}
 | 
						|
      />
 | 
						|
    );
 | 
						|
 | 
						|
    //  Renders.
 | 
						|
    return (
 | 
						|
      <div className='notification notification-follow'>
 | 
						|
        <div className='notification__message'>
 | 
						|
          <div className='notification__favourite-icon-wrapper'>
 | 
						|
            <i className='fa fa-fw fa-user-plus' />
 | 
						|
          </div>
 | 
						|
 | 
						|
          <FormattedMessage
 | 
						|
            id='notification.follow'
 | 
						|
            defaultMessage='{name} followed you'
 | 
						|
            values={{ name: link }}
 | 
						|
          />
 | 
						|
        </div>
 | 
						|
 | 
						|
        <AccountContainer id={account.get('id')} withNote={false} />
 | 
						|
        <NotificationOverlayContainer notification={notification} />
 | 
						|
      </div>
 | 
						|
    );
 | 
						|
  }
 | 
						|
 | 
						|
}
 |