post/nas
1
0
Fork 0
forked from gitea/nas
Code Pull requests Activity

Add emoji link on detailed status

Browse source
This commit is contained in:
KMY 2023-02-27 08:53:27 +09:00
parent 9ad51e001e
commit e744ecc05f
1 changed files with 19 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

21
app/javascript/mastodon/features/status/components/detailed_status.jsx
View file

@ -7,7 +7,7 @@ import StatusContent from '../../../components/status_content';
import StatusEmojiReactionsBar from '../../../components/status_emoji_reactions_bar'; import StatusEmojiReactionsBar from '../../../components/status_emoji_reactions_bar';
import MediaGallery from '../../../components/media_gallery'; import MediaGallery from '../../../components/media_gallery';
import { Link } from 'react-router-dom'; 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 Card from './card';
import ImmutablePureComponent from 'react-immutable-pure-component'; import ImmutablePureComponent from 'react-immutable-pure-component';
import Video from '../../video'; import Video from '../../video';
@ -126,6 +126,7 @@ class DetailedStatus extends ImmutablePureComponent {
let reblogLink = ''; let reblogLink = '';
let reblogIcon = 'retweet'; let reblogIcon = 'retweet';
let favouriteLink = ''; let favouriteLink = '';
let emojiReactionsLink = '';
let edited = ''; let edited = '';
if (this.props.measureHeight) { 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')) { if (status.get('edited_at')) {
edited = ( edited = (
<React.Fragment> <React.Fragment>
@ -289,7 +306,7 @@ class DetailedStatus extends ImmutablePureComponent {
<div className='detailed-status__meta'> <div className='detailed-status__meta'>
<a className='detailed-status__datetime' href={`/@${status.getIn(['account', 'acct'])}/${status.get('id')}`} target='_blank' rel='noopener noreferrer'> <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' /> <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> </div>
</div> </div>