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