import React from 'react'; import ImmutablePropTypes from 'react-immutable-proptypes'; import StatusContainer from '../../../containers/status_container'; import AccountContainer from '../../../containers/account_container'; import { FormattedMessage } from 'react-intl'; import Permalink from '../../../components/permalink'; import emojify from '../../../emoji'; import escapeTextContentForBrowser from 'escape-html'; import ImmutablePureComponent from 'react-immutable-pure-component'; export default class Notification extends ImmutablePureComponent { static propTypes = { notification: ImmutablePropTypes.map.isRequired, settings: ImmutablePropTypes.map.isRequired, }; renderFollow (notification) { const account = notification.get('account'); const displayName = account.get('display_name').length > 0 ? account.get('display_name') : account.get('username'); const displayNameHTML = { __html: emojify(escapeTextContentForBrowser(displayName)) }; const link = ; return (
); } renderMention (notification) { return ( ); } renderFavourite (notification) { return ( ); } renderReblog (notification) { return ( ); } render () { const { notification } = this.props; switch(notification.get('type')) { case 'follow': return this.renderFollow(notification); case 'mention': return this.renderMention(notification); case 'favourite': return this.renderFavourite(notification); case 'reblog': return this.renderReblog(notification); } return null; } }