2019-10-27 11:46:35 +00:00
import PropTypes from 'prop-types' ;
2023-05-23 15:15:17 +00:00
import { injectIntl , FormattedMessage , defineMessages } from 'react-intl' ;
import classNames from 'classnames' ;
import { Link } from 'react-router-dom' ;
import ImmutablePropTypes from 'react-immutable-proptypes' ;
2019-10-27 11:46:35 +00:00
import ImmutablePureComponent from 'react-immutable-pure-component' ;
2023-05-23 15:15:17 +00:00
import { HotKeys } from 'react-hotkeys' ;
import { Icon } from 'mastodon/components/icon' ;
2019-10-27 11:46:35 +00:00
import AccountContainer from 'mastodon/containers/account_container' ;
2023-05-23 15:15:17 +00:00
import StatusContainer from 'mastodon/containers/status_container' ;
import { me } from 'mastodon/initial_state' ;
2019-12-01 16:25:29 +00:00
import FollowRequestContainer from '../containers/follow_request_container' ;
2023-05-23 15:15:17 +00:00
import Report from './report' ;
2019-10-27 11:46:35 +00:00
const messages = defineMessages ( {
favourite : { id : 'notification.favourite' , defaultMessage : '{name} favourited your status' } ,
follow : { id : 'notification.follow' , defaultMessage : '{name} followed you' } ,
ownPoll : { id : 'notification.own_poll' , defaultMessage : 'Your poll has ended' } ,
poll : { id : 'notification.poll' , defaultMessage : 'A poll you have voted in has ended' } ,
reblog : { id : 'notification.reblog' , defaultMessage : '{name} boosted your status' } ,
2020-09-18 15:26:45 +00:00
status : { id : 'notification.status' , defaultMessage : '{name} just posted' } ,
2022-02-11 21:20:19 +00:00
update : { id : 'notification.update' , defaultMessage : '{name} edited a post' } ,
2022-02-23 15:45:22 +00:00
adminSignUp : { id : 'notification.admin.sign_up' , defaultMessage : '{name} signed up' } ,
2022-06-27 07:30:15 +00:00
adminReport : { id : 'notification.admin.report' , defaultMessage : '{name} reported {target}' } ,
2019-10-27 11:46:35 +00:00
} ) ;
2016-11-20 18:39:18 +00:00
2018-08-26 15:53:26 +00:00
const notificationForScreenReader = ( intl , message , timestamp ) => {
const output = [ message ] ;
output . push ( intl . formatDate ( timestamp , { hour : '2-digit' , minute : '2-digit' , month : 'short' , day : 'numeric' } ) ) ;
return output . join ( ', ' ) ;
} ;
2018-09-14 15:59:48 +00:00
class Notification extends ImmutablePureComponent {
2016-11-20 18:39:18 +00:00
2017-10-05 23:07:59 +00:00
static contextTypes = {
router : PropTypes . object ,
} ;
2017-05-12 12:44:10 +00:00
static propTypes = {
2017-05-20 15:31:47 +00:00
notification : ImmutablePropTypes . map . isRequired ,
2017-08-28 20:23:44 +00:00
hidden : PropTypes . bool ,
2017-10-05 23:07:59 +00:00
onMoveUp : PropTypes . func . isRequired ,
onMoveDown : PropTypes . func . isRequired ,
onMention : PropTypes . func . isRequired ,
2019-01-27 16:54:54 +00:00
onFavourite : PropTypes . func . isRequired ,
onReblog : PropTypes . func . isRequired ,
onToggleHidden : PropTypes . func . isRequired ,
2019-03-16 19:10:42 +00:00
status : ImmutablePropTypes . map ,
2018-08-26 15:53:26 +00:00
intl : PropTypes . object . isRequired ,
2019-02-11 12:19:59 +00:00
getScrollPosition : PropTypes . func ,
updateScrollBottom : PropTypes . func ,
cacheMediaWidth : PropTypes . func ,
cachedMediaWidth : PropTypes . number ,
2020-09-26 18:57:07 +00:00
unread : PropTypes . bool ,
2017-05-12 12:44:10 +00:00
} ;
2017-10-05 23:07:59 +00:00
handleMoveUp = ( ) => {
const { notification , onMoveUp } = this . props ;
onMoveUp ( notification . get ( 'id' ) ) ;
2023-01-30 00:45:35 +00:00
} ;
2017-10-05 23:07:59 +00:00
handleMoveDown = ( ) => {
const { notification , onMoveDown } = this . props ;
onMoveDown ( notification . get ( 'id' ) ) ;
2023-01-30 00:45:35 +00:00
} ;
2017-10-05 23:07:59 +00:00
handleOpen = ( ) => {
const { notification } = this . props ;
if ( notification . get ( 'status' ) ) {
2021-09-26 03:46:13 +00:00
this . context . router . history . push ( ` /@ ${ notification . getIn ( [ 'status' , 'account' , 'acct' ] ) } / ${ notification . get ( 'status' ) } ` ) ;
2017-10-05 23:07:59 +00:00
} else {
this . handleOpenProfile ( ) ;
}
2023-01-30 00:45:35 +00:00
} ;
2017-10-05 23:07:59 +00:00
handleOpenProfile = ( ) => {
const { notification } = this . props ;
2021-09-26 03:46:13 +00:00
this . context . router . history . push ( ` /@ ${ notification . getIn ( [ 'account' , 'acct' ] ) } ` ) ;
2023-01-30 00:45:35 +00:00
} ;
2017-10-05 23:07:59 +00:00
handleMention = e => {
e . preventDefault ( ) ;
const { notification , onMention } = this . props ;
onMention ( notification . get ( 'account' ) , this . context . router . history ) ;
2023-01-30 00:45:35 +00:00
} ;
2017-10-05 23:07:59 +00:00
2019-01-27 16:54:54 +00:00
handleHotkeyFavourite = ( ) => {
const { status } = this . props ;
if ( status ) this . props . onFavourite ( status ) ;
2023-01-30 00:45:35 +00:00
} ;
2019-01-27 16:54:54 +00:00
handleHotkeyBoost = e => {
const { status } = this . props ;
if ( status ) this . props . onReblog ( status , e ) ;
2023-01-30 00:45:35 +00:00
} ;
2019-01-27 16:54:54 +00:00
handleHotkeyToggleHidden = ( ) => {
const { status } = this . props ;
if ( status ) this . props . onToggleHidden ( status ) ;
2023-01-30 00:45:35 +00:00
} ;
2019-01-27 16:54:54 +00:00
2017-10-05 23:07:59 +00:00
getHandlers ( ) {
return {
2019-01-27 16:54:54 +00:00
reply : this . handleMention ,
favourite : this . handleHotkeyFavourite ,
boost : this . handleHotkeyBoost ,
mention : this . handleMention ,
2017-10-05 23:07:59 +00:00
open : this . handleOpen ,
openProfile : this . handleOpenProfile ,
2019-01-27 16:54:54 +00:00
moveUp : this . handleMoveUp ,
moveDown : this . handleMoveDown ,
toggleHidden : this . handleHotkeyToggleHidden ,
2017-10-05 23:07:59 +00:00
} ;
}
2018-08-26 15:53:26 +00:00
renderFollow ( notification , account , link ) {
2020-09-26 18:57:07 +00:00
const { intl , unread } = this . props ;
2018-08-26 15:53:26 +00:00
2016-11-20 18:39:18 +00:00
return (
2017-10-05 23:07:59 +00:00
< HotKeys handlers = { this . getHandlers ( ) } >
2023-04-04 14:33:44 +00:00
< div className = { classNames ( 'notification notification-follow focusable' , { unread } ) } tabIndex = { 0 } aria - label = { notificationForScreenReader ( intl , intl . formatMessage ( messages . follow , { name : account . get ( 'acct' ) } ) , notification . get ( 'created_at' ) ) } >
2017-10-05 23:07:59 +00:00
< div className = 'notification__message' >
< div className = 'notification__favourite-icon-wrapper' >
2019-01-31 23:14:05 +00:00
< Icon id = 'user-plus' fixedWidth / >
2017-10-05 23:07:59 +00:00
< / div >
2018-12-31 17:12:07 +00:00
2018-09-27 15:11:06 +00:00
< span title = { notification . get ( 'created_at' ) } >
< FormattedMessage id = 'notification.follow' defaultMessage = '{name} followed you' values = { { name : link } } / >
< / span >
2016-12-02 13:52:41 +00:00
< / div >
2018-12-31 17:12:07 +00:00
2019-12-01 16:25:29 +00:00
< AccountContainer id = { account . get ( 'id' ) } hidden = { this . props . hidden } / >
< / div >
< / HotKeys >
) ;
}
renderFollowRequest ( notification , account , link ) {
2020-09-26 18:57:07 +00:00
const { intl , unread } = this . props ;
2019-12-01 16:25:29 +00:00
return (
< HotKeys handlers = { this . getHandlers ( ) } >
2023-04-04 14:33:44 +00:00
< div className = { classNames ( 'notification notification-follow-request focusable' , { unread } ) } tabIndex = { 0 } aria - label = { notificationForScreenReader ( intl , intl . formatMessage ( { id : 'notification.follow_request' , defaultMessage : '{name} has requested to follow you' } , { name : account . get ( 'acct' ) } ) , notification . get ( 'created_at' ) ) } >
2019-12-01 16:25:29 +00:00
< div className = 'notification__message' >
< div className = 'notification__favourite-icon-wrapper' >
< Icon id = 'user' fixedWidth / >
< / div >
< span title = { notification . get ( 'created_at' ) } >
< FormattedMessage id = 'notification.follow_request' defaultMessage = '{name} has requested to follow you' values = { { name : link } } / >
< / span >
< / div >
< FollowRequestContainer id = { account . get ( 'id' ) } withNote = { false } hidden = { this . props . hidden } / >
2016-12-02 13:52:41 +00:00
< / div >
2017-10-05 23:07:59 +00:00
< / HotKeys >
2016-11-20 18:39:18 +00:00
) ;
2017-04-21 18:05:35 +00:00
}
2016-11-20 18:39:18 +00:00
renderMention ( notification ) {
2017-10-05 23:07:59 +00:00
return (
< StatusContainer
id = { notification . get ( 'status' ) }
withDismiss
hidden = { this . props . hidden }
onMoveDown = { this . handleMoveDown }
onMoveUp = { this . handleMoveUp }
2018-07-07 17:31:19 +00:00
contextType = 'notifications'
2019-02-11 12:19:59 +00:00
getScrollPosition = { this . props . getScrollPosition }
updateScrollBottom = { this . props . updateScrollBottom }
cachedMediaWidth = { this . props . cachedMediaWidth }
cacheMediaWidth = { this . props . cacheMediaWidth }
2020-09-26 18:57:07 +00:00
unread = { this . props . unread }
2017-10-05 23:07:59 +00:00
/ >
) ;
2017-04-21 18:05:35 +00:00
}
2016-11-20 18:39:18 +00:00
renderFavourite ( notification , link ) {
2020-09-26 18:57:07 +00:00
const { intl , unread } = this . props ;
2018-08-26 15:53:26 +00:00
2016-11-20 18:39:18 +00:00
return (
2017-10-05 23:07:59 +00:00
< HotKeys handlers = { this . getHandlers ( ) } >
2023-04-04 14:33:44 +00:00
< div className = { classNames ( 'notification notification-favourite focusable' , { unread } ) } tabIndex = { 0 } aria - label = { notificationForScreenReader ( intl , intl . formatMessage ( messages . favourite , { name : notification . getIn ( [ 'account' , 'acct' ] ) } ) , notification . get ( 'created_at' ) ) } >
2017-10-05 23:07:59 +00:00
< div className = 'notification__message' >
< div className = 'notification__favourite-icon-wrapper' >
2019-01-31 23:14:05 +00:00
< Icon id = 'star' className = 'star-icon' fixedWidth / >
2017-10-05 23:07:59 +00:00
< / div >
2018-12-31 17:12:07 +00:00
< span title = { notification . get ( 'created_at' ) } >
< FormattedMessage id = 'notification.favourite' defaultMessage = '{name} favourited your status' values = { { name : link } } / >
2018-12-05 04:08:43 +00:00
< / span >
2016-12-02 13:52:41 +00:00
< / div >
2019-02-11 12:19:59 +00:00
< StatusContainer
id = { notification . get ( 'status' ) }
account = { notification . get ( 'account' ) }
muted
withDismiss
hidden = { ! ! this . props . hidden }
getScrollPosition = { this . props . getScrollPosition }
updateScrollBottom = { this . props . updateScrollBottom }
cachedMediaWidth = { this . props . cachedMediaWidth }
cacheMediaWidth = { this . props . cacheMediaWidth }
/ >
2017-10-05 23:07:59 +00:00
< / div >
< / HotKeys >
2016-11-20 18:39:18 +00:00
) ;
2017-04-21 18:05:35 +00:00
}
2016-11-20 18:39:18 +00:00
renderReblog ( notification , link ) {
2020-09-26 18:57:07 +00:00
const { intl , unread } = this . props ;
2018-08-26 15:53:26 +00:00
2016-11-20 18:39:18 +00:00
return (
2017-10-05 23:07:59 +00:00
< HotKeys handlers = { this . getHandlers ( ) } >
2023-04-04 14:33:44 +00:00
< div className = { classNames ( 'notification notification-reblog focusable' , { unread } ) } tabIndex = { 0 } aria - label = { notificationForScreenReader ( intl , intl . formatMessage ( messages . reblog , { name : notification . getIn ( [ 'account' , 'acct' ] ) } ) , notification . get ( 'created_at' ) ) } >
2017-10-05 23:07:59 +00:00
< div className = 'notification__message' >
< div className = 'notification__favourite-icon-wrapper' >
2019-01-31 23:14:05 +00:00
< Icon id = 'retweet' fixedWidth / >
2017-10-05 23:07:59 +00:00
< / div >
2018-12-31 17:12:07 +00:00
< span title = { notification . get ( 'created_at' ) } >
< FormattedMessage id = 'notification.reblog' defaultMessage = '{name} boosted your status' values = { { name : link } } / >
2018-12-05 04:08:43 +00:00
< / span >
2016-12-02 13:52:41 +00:00
< / div >
2019-02-11 12:19:59 +00:00
< StatusContainer
id = { notification . get ( 'status' ) }
account = { notification . get ( 'account' ) }
muted
withDismiss
hidden = { this . props . hidden }
getScrollPosition = { this . props . getScrollPosition }
updateScrollBottom = { this . props . updateScrollBottom }
cachedMediaWidth = { this . props . cachedMediaWidth }
cacheMediaWidth = { this . props . cacheMediaWidth }
/ >
2017-10-05 23:07:59 +00:00
< / div >
< / HotKeys >
2016-11-20 18:39:18 +00:00
) ;
2017-04-21 18:05:35 +00:00
}
2016-11-20 18:39:18 +00:00
2020-09-18 15:26:45 +00:00
renderStatus ( notification , link ) {
2023-01-23 12:21:50 +00:00
const { intl , unread , status } = this . props ;
if ( ! status ) {
return null ;
}
2020-09-18 15:26:45 +00:00
return (
< HotKeys handlers = { this . getHandlers ( ) } >
2023-04-04 14:33:44 +00:00
< div className = { classNames ( 'notification notification-status focusable' , { unread } ) } tabIndex = { 0 } aria - label = { notificationForScreenReader ( intl , intl . formatMessage ( messages . status , { name : notification . getIn ( [ 'account' , 'acct' ] ) } ) , notification . get ( 'created_at' ) ) } >
2020-09-18 15:26:45 +00:00
< div className = 'notification__message' >
< div className = 'notification__favourite-icon-wrapper' >
< Icon id = 'home' fixedWidth / >
< / div >
< span title = { notification . get ( 'created_at' ) } >
< FormattedMessage id = 'notification.status' defaultMessage = '{name} just posted' values = { { name : link } } / >
< / span >
< / div >
< StatusContainer
id = { notification . get ( 'status' ) }
account = { notification . get ( 'account' ) }
2023-01-23 12:21:50 +00:00
contextType = 'notifications'
2020-09-18 15:26:45 +00:00
muted
withDismiss
hidden = { this . props . hidden }
getScrollPosition = { this . props . getScrollPosition }
updateScrollBottom = { this . props . updateScrollBottom }
cachedMediaWidth = { this . props . cachedMediaWidth }
cacheMediaWidth = { this . props . cacheMediaWidth }
/ >
< / div >
< / HotKeys >
) ;
}
2022-02-11 21:20:19 +00:00
renderUpdate ( notification , link ) {
2023-01-23 12:21:50 +00:00
const { intl , unread , status } = this . props ;
if ( ! status ) {
return null ;
}
2022-02-11 21:20:19 +00:00
return (
< HotKeys handlers = { this . getHandlers ( ) } >
2023-04-04 14:33:44 +00:00
< div className = { classNames ( 'notification notification-update focusable' , { unread } ) } tabIndex = { 0 } aria - label = { notificationForScreenReader ( intl , intl . formatMessage ( messages . update , { name : notification . getIn ( [ 'account' , 'acct' ] ) } ) , notification . get ( 'created_at' ) ) } >
2022-02-11 21:20:19 +00:00
< div className = 'notification__message' >
< div className = 'notification__favourite-icon-wrapper' >
< Icon id = 'pencil' fixedWidth / >
< / div >
< span title = { notification . get ( 'created_at' ) } >
< FormattedMessage id = 'notification.update' defaultMessage = '{name} edited a post' values = { { name : link } } / >
< / span >
< / div >
< StatusContainer
id = { notification . get ( 'status' ) }
account = { notification . get ( 'account' ) }
2023-01-23 12:21:50 +00:00
contextType = 'notifications'
2022-02-11 21:20:19 +00:00
muted
withDismiss
hidden = { this . props . hidden }
getScrollPosition = { this . props . getScrollPosition }
updateScrollBottom = { this . props . updateScrollBottom }
cachedMediaWidth = { this . props . cachedMediaWidth }
cacheMediaWidth = { this . props . cacheMediaWidth }
/ >
< / div >
< / HotKeys >
) ;
}
2019-10-27 11:46:35 +00:00
renderPoll ( notification , account ) {
2023-01-23 12:21:50 +00:00
const { intl , unread , status } = this . props ;
2019-10-27 11:46:35 +00:00
const ownPoll = me === account . get ( 'id' ) ;
const message = ownPoll ? intl . formatMessage ( messages . ownPoll ) : intl . formatMessage ( messages . poll ) ;
2019-03-10 23:49:31 +00:00
2023-01-23 12:21:50 +00:00
if ( ! status ) {
return null ;
}
2019-03-10 23:49:31 +00:00
return (
< HotKeys handlers = { this . getHandlers ( ) } >
2023-04-04 14:33:44 +00:00
< div className = { classNames ( 'notification notification-poll focusable' , { unread } ) } tabIndex = { 0 } aria - label = { notificationForScreenReader ( intl , message , notification . get ( 'created_at' ) ) } >
2019-03-10 23:49:31 +00:00
< div className = 'notification__message' >
< div className = 'notification__favourite-icon-wrapper' >
< Icon id = 'tasks' fixedWidth / >
< / div >
< span title = { notification . get ( 'created_at' ) } >
2019-10-27 11:46:35 +00:00
{ ownPoll ? (
2019-11-04 12:03:29 +00:00
< FormattedMessage id = 'notification.own_poll' defaultMessage = 'Your poll has ended' / >
2019-10-27 11:46:35 +00:00
) : (
< FormattedMessage id = 'notification.poll' defaultMessage = 'A poll you have voted in has ended' / >
) }
2019-03-10 23:49:31 +00:00
< / span >
< / div >
< StatusContainer
id = { notification . get ( 'status' ) }
2019-10-27 11:46:35 +00:00
account = { account }
2023-01-23 12:21:50 +00:00
contextType = 'notifications'
2019-03-10 23:49:31 +00:00
muted
withDismiss
hidden = { this . props . hidden }
getScrollPosition = { this . props . getScrollPosition }
updateScrollBottom = { this . props . updateScrollBottom }
cachedMediaWidth = { this . props . cachedMediaWidth }
cacheMediaWidth = { this . props . cacheMediaWidth }
/ >
< / div >
< / HotKeys >
) ;
}
2022-02-23 15:45:22 +00:00
renderAdminSignUp ( notification , account , link ) {
const { intl , unread } = this . props ;
return (
< HotKeys handlers = { this . getHandlers ( ) } >
2023-04-04 14:33:44 +00:00
< div className = { classNames ( 'notification notification-admin-sign-up focusable' , { unread } ) } tabIndex = { 0 } aria - label = { notificationForScreenReader ( intl , intl . formatMessage ( messages . adminSignUp , { name : account . get ( 'acct' ) } ) , notification . get ( 'created_at' ) ) } >
2022-02-23 15:45:22 +00:00
< div className = 'notification__message' >
< div className = 'notification__favourite-icon-wrapper' >
< Icon id = 'user-plus' fixedWidth / >
< / div >
< span title = { notification . get ( 'created_at' ) } >
< FormattedMessage id = 'notification.admin.sign_up' defaultMessage = '{name} signed up' values = { { name : link } } / >
< / span >
< / div >
< AccountContainer id = { account . get ( 'id' ) } hidden = { this . props . hidden } / >
< / div >
< / HotKeys >
) ;
}
2022-06-27 07:30:15 +00:00
renderAdminReport ( notification , account , link ) {
const { intl , unread , report } = this . props ;
2022-10-27 00:10:54 +00:00
if ( ! report ) {
return null ;
}
2022-06-27 07:30:15 +00:00
const targetAccount = report . get ( 'target_account' ) ;
const targetDisplayNameHtml = { _ _html : targetAccount . get ( 'display_name_html' ) } ;
2022-11-13 20:10:20 +00:00
const targetLink = < bdi > < Link className = 'notification__display-name' title = { targetAccount . get ( 'acct' ) } to = { ` /@ ${ targetAccount . get ( 'acct' ) } ` } dangerouslySetInnerHTML = { targetDisplayNameHtml } / > < / bdi > ;
2022-06-27 07:30:15 +00:00
return (
< HotKeys handlers = { this . getHandlers ( ) } >
2023-04-04 14:33:44 +00:00
< div className = { classNames ( 'notification notification-admin-report focusable' , { unread } ) } tabIndex = { 0 } aria - label = { notificationForScreenReader ( intl , intl . formatMessage ( messages . adminReport , { name : account . get ( 'acct' ) , target : notification . getIn ( [ 'report' , 'target_account' , 'acct' ] ) } ) , notification . get ( 'created_at' ) ) } >
2022-06-27 07:30:15 +00:00
< div className = 'notification__message' >
< div className = 'notification__favourite-icon-wrapper' >
< Icon id = 'flag' fixedWidth / >
< / div >
< span title = { notification . get ( 'created_at' ) } >
< FormattedMessage id = 'notification.admin.report' defaultMessage = '{name} reported {target}' values = { { name : link , target : targetLink } } / >
< / span >
< / div >
< Report account = { account } report = { notification . get ( 'report' ) } hidden = { this . props . hidden } / >
< / div >
< / HotKeys >
) ;
}
2017-06-11 08:42:42 +00:00
render ( ) {
2016-11-20 18:39:18 +00:00
const { notification } = this . props ;
const account = notification . get ( 'account' ) ;
2017-08-07 18:32:03 +00:00
const displayNameHtml = { _ _html : account . get ( 'display_name_html' ) } ;
2022-11-13 20:10:20 +00:00
const link = < bdi > < Link className = 'notification__display-name' href = { ` /@ ${ account . get ( 'acct' ) } ` } title = { account . get ( 'acct' ) } to = { ` /@ ${ account . get ( 'acct' ) } ` } dangerouslySetInnerHTML = { displayNameHtml } / > < / bdi > ;
2016-11-20 18:39:18 +00:00
switch ( notification . get ( 'type' ) ) {
2017-04-11 20:53:58 +00:00
case 'follow' :
2018-08-26 15:53:26 +00:00
return this . renderFollow ( notification , account , link ) ;
2019-12-01 16:25:29 +00:00
case 'follow_request' :
return this . renderFollowRequest ( notification , account , link ) ;
2017-04-11 20:53:58 +00:00
case 'mention' :
return this . renderMention ( notification ) ;
case 'favourite' :
return this . renderFavourite ( notification , link ) ;
case 'reblog' :
return this . renderReblog ( notification , link ) ;
2020-09-18 15:26:45 +00:00
case 'status' :
return this . renderStatus ( notification , link ) ;
2022-02-11 21:20:19 +00:00
case 'update' :
return this . renderUpdate ( notification , link ) ;
2019-03-10 23:49:31 +00:00
case 'poll' :
2019-10-27 11:46:35 +00:00
return this . renderPoll ( notification , account ) ;
2022-02-23 15:45:22 +00:00
case 'admin.sign_up' :
return this . renderAdminSignUp ( notification , account , link ) ;
2022-06-27 07:30:15 +00:00
case 'admin.report' :
return this . renderAdminReport ( notification , account , link ) ;
2016-11-20 18:39:18 +00:00
}
2017-06-11 08:42:42 +00:00
return null ;
2016-11-20 18:39:18 +00:00
}
2017-04-21 18:05:35 +00:00
}
2023-03-24 02:17:53 +00:00
export default injectIntl ( Notification ) ;