Port 804488d38e
to glitch-soc
Signed-off-by: Claire <claire.github-309c@sitedethib.com>
local
parent
178e151019
commit
c71fc42f4e
4 changed files with 44 additions and 48 deletions
@ -1,44 +0,0 @@ |
|||||||
import PropTypes from 'prop-types'; |
|
||||||
import { PureComponent } from 'react'; |
|
||||||
|
|
||||||
import { FormattedMessage } from 'react-intl'; |
|
||||||
|
|
||||||
import ShortNumber from 'flavours/glitch/components/short_number'; |
|
||||||
|
|
||||||
export default class AutosuggestHashtag extends 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 && ( |
|
||||||
<ShortNumber |
|
||||||
value={tag.history.reduce((total, day) => total + day.uses * 1, 0)} |
|
||||||
/> |
|
||||||
); |
|
||||||
|
|
||||||
return ( |
|
||||||
<div className='autosuggest-hashtag'> |
|
||||||
<div className='autosuggest-hashtag__name'> |
|
||||||
#<strong>{tag.name}</strong> |
|
||||||
</div> |
|
||||||
{tag.history !== undefined && ( |
|
||||||
<div className='autosuggest-hashtag__uses'> |
|
||||||
<FormattedMessage |
|
||||||
id='autosuggest_hashtag.per_week' |
|
||||||
defaultMessage='{count} per week' |
|
||||||
values={{ count: weeklyUses }} |
|
||||||
/> |
|
||||||
</div> |
|
||||||
)} |
|
||||||
</div> |
|
||||||
); |
|
||||||
} |
|
||||||
|
|
||||||
} |
|
@ -0,0 +1,42 @@ |
|||||||
|
import { FormattedMessage } from 'react-intl'; |
||||||
|
|
||||||
|
import ShortNumber from 'flavours/glitch/components/short_number'; |
||||||
|
|
||||||
|
interface Props { |
||||||
|
tag: { |
||||||
|
name: string; |
||||||
|
url?: string; |
||||||
|
history?: Array<{ |
||||||
|
uses: number; |
||||||
|
accounts: string; |
||||||
|
day: string; |
||||||
|
}>; |
||||||
|
following?: boolean; |
||||||
|
type: 'hashtag'; |
||||||
|
}; |
||||||
|
} |
||||||
|
|
||||||
|
export const AutosuggestHashtag: React.FC<Props> = ({ tag }) => { |
||||||
|
const weeklyUses = tag.history && ( |
||||||
|
<ShortNumber |
||||||
|
value={tag.history.reduce((total, day) => total + day.uses * 1, 0)} |
||||||
|
/> |
||||||
|
); |
||||||
|
|
||||||
|
return ( |
||||||
|
<div className='autosuggest-hashtag'> |
||||||
|
<div className='autosuggest-hashtag__name'> |
||||||
|
#<strong>{tag.name}</strong> |
||||||
|
</div> |
||||||
|
{tag.history !== undefined && ( |
||||||
|
<div className='autosuggest-hashtag__uses'> |
||||||
|
<FormattedMessage |
||||||
|
id='autosuggest_hashtag.per_week' |
||||||
|
defaultMessage='{count} per week' |
||||||
|
values={{ count: weeklyUses }} |
||||||
|
/> |
||||||
|
</div> |
||||||
|
)} |
||||||
|
</div> |
||||||
|
); |
||||||
|
}; |
Loading…
Reference in new issue