2019-07-28 12:37:52 +00:00
import React from 'react' ;
import PropTypes from 'prop-types' ;
import { shortNumberFormat } from 'mastodon/utils/numbers' ;
import { FormattedMessage } from 'react-intl' ;
export default class AutosuggestHashtag extends React . PureComponent {
static propTypes = {
tag : PropTypes . shape ( {
name : PropTypes . string . isRequired ,
url : PropTypes . string ,
2019-08-22 02:37:18 +00:00
history : PropTypes . array ,
2019-07-28 12:37:52 +00:00
} ) . isRequired ,
} ;
render ( ) {
const { tag } = this . props ;
2019-08-22 02:37:18 +00:00
const weeklyUses = tag . history && shortNumberFormat ( tag . history . reduce ( ( total , day ) => total + ( day . uses * 1 ) , 0 ) ) ;
2019-07-28 12:37:52 +00:00
return (
< div className = 'autosuggest-hashtag' >
< div className = 'autosuggest-hashtag__name' > # < strong > { tag . name } < / s t r o n g > < / d i v >
2019-08-22 02:37:18 +00:00
{ tag . history !== undefined && < div className = 'autosuggest-hashtag__uses' > < FormattedMessage id = 'autosuggest_hashtag.per_week' defaultMessage = '{count} per week' values = { { count : weeklyUses } } / > < / d i v > }
2019-07-28 12:37:52 +00:00
< / d i v >
) ;
}
}