You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
import React from 'react' ;
import PropTypes from 'prop-types' ;
import { shortNumberFormat } from 'flavours/glitch/util/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 ,
history : PropTypes . array ,
} ) . isRequired ,
} ;
render ( ) {
const { tag } = this . props ;
const weeklyUses = tag . history && shortNumberFormat ( tag . history . reduce ( ( total , day ) => total + ( day . uses * 1 ) , 0 ) ) ;
return (
< div className = 'autosuggest-hashtag' >
< div className = 'autosuggest-hashtag__name' > # < strong > { tag . name } < / s t r o n g > < / d i v >
{ tag . history !== undefined && < div className = 'autosuggest-hashtag__uses' > < FormattedMessage id = 'autosuggest_hashtag.per_week' defaultMessage = '{count} per week' values = { { count : weeklyUses } } / > < / d i v > }
< / d i v >
) ;
}
}