matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Reaction labels

Browse Source 
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
marcin mikołajczak
2021-06-30 11:33:42 +02:00
parent 58f3107151
commit 998e129072
8 changed files with 44 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/soapbox/components/loading_indicator.js
View File

@@ -4,7 +4,7 @@ import { FormattedMessage } from 'react-intl';
const LoadingIndicator = () => (
<div className='loading-indicator'>
<div className='loading-indicator__figure' />
<span><FormattedMessage id='loading_indicator.label' defaultMessage='Loading...' /></span>
<span><FormattedMessage id='loading_indicator.label' defaultMessage='Loading…' /></span>
</div>
);

18
app/soapbox/components/status_action_bar.js
View File

@@ -30,7 +30,7 @@ const messages = defineMessages({
reblog_private: { id: 'status.reblog_private', defaultMessage: 'Repost to original audience' },
cancel_reblog_private: { id: 'status.cancel_reblog_private', defaultMessage: 'Un-repost' },
cannot_reblog: { id: 'status.cannot_reblog', defaultMessage: 'This post cannot be reposted' },
favourite: { id: 'status.favourite', defaultMessage: 'Favorite' },
favourite: { id: 'status.favourite', defaultMessage: 'React' },
open: { id: 'status.open', defaultMessage: 'Expand this post' },
bookmark: { id: 'status.bookmark', defaultMessage: 'Bookmark' },
unbookmark: { id: 'status.unbookmark', defaultMessage: 'Remove bookmark' },
@@ -50,6 +50,12 @@ const messages = defineMessages({
deleteStatus: { id: 'admin.statuses.actions.delete_status', defaultMessage: 'Delete post' },
markStatusSensitive: { id: 'admin.statuses.actions.mark_status_sensitive', defaultMessage: 'Mark post sensitive' },
markStatusNotSensitive: { id: 'admin.statuses.actions.mark_status_not_sensitive', defaultMessage: 'Mark post not sensitive' },
reactionLike: { id: 'status.reactions.like', defaultMessage: 'Like' },
reactionHeart: { id: 'status.reactions.heart', defaultMessage: 'Love' },
reactionLaughing: { id: 'status.reactions.laughing', defaultMessage: 'Haha' },
reactionOpenMouth: { id: 'status.reactions.open_mouth', defaultMessage: 'Wow' },
reactionCry: { id: 'status.reactions.cry', defaultMessage: 'Sad' },
reactionWeary: { id: 'status.reactions.weary', defaultMessage: 'Weary' },
});
class StatusActionBar extends ImmutablePureComponent {
@@ -359,6 +365,14 @@ class StatusActionBar extends ImmutablePureComponent {
allowedEmoji,
).reduce((acc, cur) => acc + cur.get('count'), 0);
const meEmojiReact = getReactForStatus(status, allowedEmoji);
const meEmojiTitle = intl.formatMessage({
'👍': messages.reactionLike,
'❤️': messages.reactionHeart,
'😆': messages.reactionLaughing,
'😮': messages.reactionOpenMouth,
'😢': messages.reactionCry,
'😩': messages.reactionWeary,
}[meEmojiReact] || messages.favourite);
let menu = this._makeMenu(publicStatus);
let reblogIcon = 'retweet';
@@ -404,7 +418,7 @@ class StatusActionBar extends ImmutablePureComponent {
className='status__action-bar-button star-icon'
animate
active={Boolean(meEmojiReact)}
title={intl.formatMessage(messages.favourite)}
title={meEmojiTitle}
icon='thumbs-up'
emoji={meEmojiReact}
onClick={this.handleLikeButtonClick}