From e744ecc05f4aa2744d8dfd203e889ba948d74f18 Mon Sep 17 00:00:00 2001
From: KMY <tt@kmycode.net>
Date: Mon, 27 Feb 2023 08:53:27 +0900
Subject: [PATCH] Add emoji link on detailed status
---
.../status/components/detailed_status.jsx | 21 +++++++++++++++++--
1 file changed, 19 insertions(+), 2 deletions(-)
diff --git a/app/javascript/mastodon/features/status/components/detailed_status.jsx b/app/javascript/mastodon/features/status/components/detailed_status.jsx
index 942be1b8df..dae935ceb5 100644
--- a/app/javascript/mastodon/features/status/components/detailed_status.jsx
+++ b/app/javascript/mastodon/features/status/components/detailed_status.jsx
@@ -7,7 +7,7 @@ import StatusContent from '../../../components/status_content';
import StatusEmojiReactionsBar from '../../../components/status_emoji_reactions_bar';
import MediaGallery from '../../../components/media_gallery';
import { Link } from 'react-router-dom';
-import { injectIntl, defineMessages, FormattedDate } from 'react-intl';
+import { injectIntl, defineMessages, FormattedDate, FormattedMessage } from 'react-intl';
import Card from './card';
import ImmutablePureComponent from 'react-immutable-pure-component';
import Video from '../../video';
@@ -126,6 +126,7 @@ class DetailedStatus extends ImmutablePureComponent {
let reblogLink = '';
let reblogIcon = 'retweet';
let favouriteLink = '';
+ let emojiReactionsLink = '';
let edited = '';
if (this.props.measureHeight) {
@@ -258,6 +259,22 @@ class DetailedStatus extends ImmutablePureComponent {
);
}
+ if (this.context.router) {
+ emojiReactionsLink = (
+ <Link to={`/@${status.getIn(['account', 'acct'])}/${status.get('id')}/emoji_reactions`} className='detailed-status__link'>
+ <Icon id='smile-o' />
+ <FormattedMessage id='status.emoji' defaultMessage='Emoji' />
+ </Link>
+ );
+ } else {
+ emojiReactionsLink = (
+ <a href={`/interact/${status.get('id')}?type=emoji_reactions`} className='detailed-status__link' onClick={this.handleModalLink}>
+ <Icon id='smile-o' />
+ <FormattedMessage id='status.emoji' defaultMessage='Emoji' />
+ </a>
+ );
+ }
+
if (status.get('edited_at')) {
edited = (
<React.Fragment>
@@ -289,7 +306,7 @@ class DetailedStatus extends ImmutablePureComponent {
<div className='detailed-status__meta'>
<a className='detailed-status__datetime' href={`/@${status.getIn(['account', 'acct'])}/${status.get('id')}`} target='_blank' rel='noopener noreferrer'>
<FormattedDate value={new Date(status.get('created_at'))} hour12={false} year='numeric' month='short' day='2-digit' hour='2-digit' minute='2-digit' />
- </a>{edited}{visibilityLink}{applicationLink}{reblogLink} · {favouriteLink}
+ </a>{edited}{visibilityLink}{applicationLink}{reblogLink} · {favouriteLink} · {emojiReactionsLink}
</div>
</div>
</div>