Add single option votes tooltip in polls

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
merge-requests/815/head
marcin mikołajczak 2021-10-22 15:23:07 +02:00
rodzic e6f30abd91
commit 88d35e13e8
1 zmienionych plików z 3 dodań i 2 usunięć

Wyświetl plik

@ -14,7 +14,8 @@ import Icon from 'soapbox/components/icon';
const messages = defineMessages({
closed: { id: 'poll.closed', defaultMessage: 'Closed' },
voted: { id: 'poll.voted', defaultMessage: 'You voted for this answer', description: 'Tooltip of the "voted" checkmark in polls' },
voted: { id: 'poll.voted', defaultMessage: 'You voted for this answer' },
votes: { id: 'poll.votes', defaultMessage: '{votes, plural, one {# vote} other {# votes}}' },
});
const makeEmojiMap = record => record.get('emojis').reduce((obj, emoji) => {
@ -126,7 +127,7 @@ class Poll extends ImmutablePureComponent {
data-index={optionIndex}
/>
)}
{showResults && <span className='poll__number'>
{showResults && <span className='poll__number' title={intl.formatMessage(messages.votes, { votes: option.get('votes_count') })}>
{!!voted && <Icon src={require('@tabler/icons/icons/check.svg')} className='poll__vote__mark' title={intl.formatMessage(messages.voted)} />}
{Math.round(percent)}%
</span>}