2017-05-02 19:04:16 -05:00
|
|
|
import React from 'react';
|
2016-09-29 17:00:45 -05:00
|
|
|
import ImmutablePropTypes from 'react-immutable-proptypes';
|
2017-04-21 13:05:35 -05:00
|
|
|
import PropTypes from 'prop-types';
|
2016-11-16 10:20:52 -06:00
|
|
|
import IconButton from './icon_button';
|
2017-12-04 01:26:40 -06:00
|
|
|
import DropdownMenuContainer from 'flavours/glitch/containers/dropdown_menu_container';
|
2016-11-18 08:36:16 -06:00
|
|
|
import { defineMessages, injectIntl } from 'react-intl';
|
2017-05-26 07:05:52 -05:00
|
|
|
import ImmutablePureComponent from 'react-immutable-pure-component';
|
2018-08-31 05:33:32 -05:00
|
|
|
import { me, isStaff } from 'flavours/glitch/util/initial_state';
|
2017-11-17 21:11:18 -06:00
|
|
|
import RelativeTimestamp from './relative_timestamp';
|
2018-09-25 07:46:14 -05:00
|
|
|
import { accountAdminLink, statusAdminLink } from 'flavours/glitch/util/backend_links';
|
2020-08-24 07:13:44 -05:00
|
|
|
import classNames from 'classnames';
|
2016-11-18 08:36:16 -06:00
|
|
|
|
|
|
|
const messages = defineMessages({
|
|
|
|
delete: { id: 'status.delete', defaultMessage: 'Delete' },
|
2018-06-15 14:29:04 -05:00
|
|
|
redraft: { id: 'status.redraft', defaultMessage: 'Delete & re-draft' },
|
2018-04-10 14:38:02 -05:00
|
|
|
direct: { id: 'status.direct', defaultMessage: 'Direct message @{name}' },
|
2017-02-28 17:53:11 -06:00
|
|
|
mention: { id: 'status.mention', defaultMessage: 'Mention @{name}' },
|
2017-04-03 02:56:01 -05:00
|
|
|
mute: { id: 'account.mute', defaultMessage: 'Mute @{name}' },
|
2017-02-28 17:53:11 -06:00
|
|
|
block: { id: 'account.block', defaultMessage: 'Block @{name}' },
|
2016-11-18 08:36:16 -06:00
|
|
|
reply: { id: 'status.reply', defaultMessage: 'Reply' },
|
2017-07-25 13:38:39 -05:00
|
|
|
share: { id: 'status.share', defaultMessage: 'Share' },
|
2017-10-16 02:31:47 -05:00
|
|
|
more: { id: 'status.more', defaultMessage: 'More' },
|
2017-04-19 07:20:04 -05:00
|
|
|
replyAll: { id: 'status.replyAll', defaultMessage: 'Reply to thread' },
|
2017-04-27 05:03:28 -05:00
|
|
|
reblog: { id: 'status.reblog', defaultMessage: 'Boost' },
|
2020-08-22 17:08:31 -05:00
|
|
|
reblog_private: { id: 'status.reblog_private', defaultMessage: 'Boost with original visibility' },
|
2020-08-24 07:13:44 -05:00
|
|
|
cancel_reblog_private: { id: 'status.cancel_reblog_private', defaultMessage: 'Unboost' },
|
2017-04-27 05:03:28 -05:00
|
|
|
cannot_reblog: { id: 'status.cannot_reblog', defaultMessage: 'This post cannot be boosted' },
|
2016-12-11 15:49:25 -06:00
|
|
|
favourite: { id: 'status.favourite', defaultMessage: 'Favourite' },
|
2018-04-11 12:42:25 -05:00
|
|
|
bookmark: { id: 'status.bookmark', defaultMessage: 'Bookmark' },
|
2017-02-28 17:53:11 -06:00
|
|
|
open: { id: 'status.open', defaultMessage: 'Expand this status' },
|
Feature conversations muting (#3017)
* Add <ostatus:conversation /> tag to Atom input/output
Only uses ref attribute (not href) because href would be
the alternate link that's always included also.
Creates new conversation for every non-reply status. Carries
over conversation for every reply. Keeps remote URIs verbatim,
generates local URIs on the fly like the rest of them.
* Conversation muting - prevents notifications that reference a conversation
(including replies, favourites, reblogs) from being created. API endpoints
/api/v1/statuses/:id/mute and /api/v1/statuses/:id/unmute
Currently no way to tell when a status/conversation is muted, so the web UI
only has a "disable notifications" button, doesn't work as a toggle
* Display "Dismiss notifications" on all statuses in notifications column, not just own
* Add "muted" as a boolean attribute on statuses JSON
For now always false on contained reblogs, since it's only relevant for
statuses returned from the notifications endpoint, which are not nested
Remove "Disable notifications" from detailed status view, since it's
only relevant in the notifications column
* Up max class length
* Remove pending test for conversation mute
* Add tests, clean up
* Rename to "mute conversation" and "unmute conversation"
* Raise validation error when trying to mute/unmute status without conversation
2017-05-14 20:04:13 -05:00
|
|
|
report: { id: 'status.report', defaultMessage: 'Report @{name}' },
|
|
|
|
muteConversation: { id: 'status.mute_conversation', defaultMessage: 'Mute conversation' },
|
|
|
|
unmuteConversation: { id: 'status.unmute_conversation', defaultMessage: 'Unmute conversation' },
|
2017-08-24 18:41:18 -05:00
|
|
|
pin: { id: 'status.pin', defaultMessage: 'Pin on profile' },
|
|
|
|
unpin: { id: 'status.unpin', defaultMessage: 'Unpin from profile' },
|
2017-09-01 14:30:13 -05:00
|
|
|
embed: { id: 'status.embed', defaultMessage: 'Embed' },
|
2018-08-31 05:33:32 -05:00
|
|
|
admin_account: { id: 'status.admin_account', defaultMessage: 'Open moderation interface for @{name}' },
|
|
|
|
admin_status: { id: 'status.admin_status', defaultMessage: 'Open this status in the moderation interface' },
|
2019-02-13 00:29:57 -06:00
|
|
|
copy: { id: 'status.copy', defaultMessage: 'Copy link to status' },
|
2019-07-12 09:01:33 -05:00
|
|
|
hide: { id: 'status.hide', defaultMessage: 'Hide toot' },
|
2016-11-18 08:36:16 -06:00
|
|
|
});
|
2016-09-29 17:00:45 -05:00
|
|
|
|
2018-08-20 04:56:34 -05:00
|
|
|
const obfuscatedCount = count => {
|
|
|
|
if (count < 0) {
|
|
|
|
return 0;
|
|
|
|
} else if (count <= 1) {
|
|
|
|
return count;
|
|
|
|
} else {
|
|
|
|
return '1+';
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
2019-09-09 08:16:08 -05:00
|
|
|
export default @injectIntl
|
|
|
|
class StatusActionBar extends ImmutablePureComponent {
|
2017-04-21 13:05:35 -05:00
|
|
|
|
2017-05-12 07:44:10 -05:00
|
|
|
static contextTypes = {
|
2017-05-20 10:31:47 -05:00
|
|
|
router: PropTypes.object,
|
2017-05-12 07:44:10 -05:00
|
|
|
};
|
|
|
|
|
|
|
|
static propTypes = {
|
|
|
|
status: ImmutablePropTypes.map.isRequired,
|
|
|
|
onReply: PropTypes.func,
|
|
|
|
onFavourite: PropTypes.func,
|
|
|
|
onReblog: PropTypes.func,
|
|
|
|
onDelete: PropTypes.func,
|
2018-04-10 14:38:02 -05:00
|
|
|
onDirect: PropTypes.func,
|
2017-05-12 07:44:10 -05:00
|
|
|
onMention: PropTypes.func,
|
|
|
|
onMute: PropTypes.func,
|
|
|
|
onBlock: PropTypes.func,
|
|
|
|
onReport: PropTypes.func,
|
2017-09-01 14:30:13 -05:00
|
|
|
onEmbed: PropTypes.func,
|
Feature conversations muting (#3017)
* Add <ostatus:conversation /> tag to Atom input/output
Only uses ref attribute (not href) because href would be
the alternate link that's always included also.
Creates new conversation for every non-reply status. Carries
over conversation for every reply. Keeps remote URIs verbatim,
generates local URIs on the fly like the rest of them.
* Conversation muting - prevents notifications that reference a conversation
(including replies, favourites, reblogs) from being created. API endpoints
/api/v1/statuses/:id/mute and /api/v1/statuses/:id/unmute
Currently no way to tell when a status/conversation is muted, so the web UI
only has a "disable notifications" button, doesn't work as a toggle
* Display "Dismiss notifications" on all statuses in notifications column, not just own
* Add "muted" as a boolean attribute on statuses JSON
For now always false on contained reblogs, since it's only relevant for
statuses returned from the notifications endpoint, which are not nested
Remove "Disable notifications" from detailed status view, since it's
only relevant in the notifications column
* Up max class length
* Remove pending test for conversation mute
* Add tests, clean up
* Rename to "mute conversation" and "unmute conversation"
* Raise validation error when trying to mute/unmute status without conversation
2017-05-14 20:04:13 -05:00
|
|
|
onMuteConversation: PropTypes.func,
|
2017-08-24 18:41:18 -05:00
|
|
|
onPin: PropTypes.func,
|
2018-04-11 12:42:25 -05:00
|
|
|
onBookmark: PropTypes.func,
|
2019-07-12 09:01:33 -05:00
|
|
|
onFilter: PropTypes.func,
|
Feature conversations muting (#3017)
* Add <ostatus:conversation /> tag to Atom input/output
Only uses ref attribute (not href) because href would be
the alternate link that's always included also.
Creates new conversation for every non-reply status. Carries
over conversation for every reply. Keeps remote URIs verbatim,
generates local URIs on the fly like the rest of them.
* Conversation muting - prevents notifications that reference a conversation
(including replies, favourites, reblogs) from being created. API endpoints
/api/v1/statuses/:id/mute and /api/v1/statuses/:id/unmute
Currently no way to tell when a status/conversation is muted, so the web UI
only has a "disable notifications" button, doesn't work as a toggle
* Display "Dismiss notifications" on all statuses in notifications column, not just own
* Add "muted" as a boolean attribute on statuses JSON
For now always false on contained reblogs, since it's only relevant for
statuses returned from the notifications endpoint, which are not nested
Remove "Disable notifications" from detailed status view, since it's
only relevant in the notifications column
* Up max class length
* Remove pending test for conversation mute
* Add tests, clean up
* Rename to "mute conversation" and "unmute conversation"
* Raise validation error when trying to mute/unmute status without conversation
2017-05-14 20:04:13 -05:00
|
|
|
withDismiss: PropTypes.bool,
|
2018-08-22 06:17:21 -05:00
|
|
|
showReplyCount: PropTypes.bool,
|
2019-06-09 05:07:23 -05:00
|
|
|
directMessage: PropTypes.bool,
|
2020-07-09 08:09:19 -05:00
|
|
|
scrollKey: PropTypes.string,
|
2017-05-20 10:31:47 -05:00
|
|
|
intl: PropTypes.object.isRequired,
|
2017-05-12 07:44:10 -05:00
|
|
|
};
|
|
|
|
|
2017-05-26 07:05:52 -05:00
|
|
|
// Avoid checking props that are functions (and whose equality will always
|
|
|
|
// evaluate to false. See react-immutable-pure-component for usage.
|
|
|
|
updateOnProps = [
|
|
|
|
'status',
|
2018-08-22 06:17:21 -05:00
|
|
|
'showReplyCount',
|
2017-05-26 07:05:52 -05:00
|
|
|
'withDismiss',
|
|
|
|
]
|
|
|
|
|
2017-05-12 07:44:10 -05:00
|
|
|
handleReplyClick = () => {
|
2019-02-17 05:39:44 -06:00
|
|
|
if (me) {
|
|
|
|
this.props.onReply(this.props.status, this.context.router.history);
|
|
|
|
} else {
|
|
|
|
this._openInteractionDialog('reply');
|
|
|
|
}
|
2017-04-21 13:05:35 -05:00
|
|
|
}
|
2016-09-29 17:00:45 -05:00
|
|
|
|
2017-07-25 13:38:39 -05:00
|
|
|
handleShareClick = () => {
|
|
|
|
navigator.share({
|
|
|
|
text: this.props.status.get('search_index'),
|
|
|
|
url: this.props.status.get('url'),
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2017-12-09 12:06:00 -06:00
|
|
|
handleFavouriteClick = (e) => {
|
2019-02-17 05:39:44 -06:00
|
|
|
if (me) {
|
|
|
|
this.props.onFavourite(this.props.status, e);
|
|
|
|
} else {
|
|
|
|
this._openInteractionDialog('favourite');
|
|
|
|
}
|
2017-04-21 13:05:35 -05:00
|
|
|
}
|
2016-09-29 17:00:45 -05:00
|
|
|
|
2018-04-11 12:42:25 -05:00
|
|
|
handleBookmarkClick = (e) => {
|
|
|
|
this.props.onBookmark(this.props.status, e);
|
|
|
|
}
|
|
|
|
|
2019-02-17 05:39:44 -06:00
|
|
|
handleReblogClick = e => {
|
|
|
|
if (me) {
|
|
|
|
this.props.onReblog(this.props.status, e);
|
|
|
|
} else {
|
|
|
|
this._openInteractionDialog('reblog');
|
|
|
|
}
|
2017-04-21 13:05:35 -05:00
|
|
|
}
|
2016-09-29 17:00:45 -05:00
|
|
|
|
2019-02-17 05:39:44 -06:00
|
|
|
_openInteractionDialog = type => {
|
|
|
|
window.open(`/interact/${this.props.status.get('id')}?type=${type}`, 'mastodon-intent', 'width=445,height=600,resizable=no,menubar=no,status=no,scrollbars=yes');
|
|
|
|
}
|
|
|
|
|
2017-05-12 07:44:10 -05:00
|
|
|
handleDeleteClick = () => {
|
2018-08-31 09:41:58 -05:00
|
|
|
this.props.onDelete(this.props.status, this.context.router.history);
|
2017-04-21 13:05:35 -05:00
|
|
|
}
|
2016-09-29 17:00:45 -05:00
|
|
|
|
2018-06-15 14:29:04 -05:00
|
|
|
handleRedraftClick = () => {
|
2018-08-31 09:41:58 -05:00
|
|
|
this.props.onDelete(this.props.status, this.context.router.history, true);
|
2018-06-15 14:29:04 -05:00
|
|
|
}
|
|
|
|
|
2017-08-24 18:41:18 -05:00
|
|
|
handlePinClick = () => {
|
|
|
|
this.props.onPin(this.props.status);
|
|
|
|
}
|
|
|
|
|
2017-05-12 07:44:10 -05:00
|
|
|
handleMentionClick = () => {
|
2017-06-20 13:40:03 -05:00
|
|
|
this.props.onMention(this.props.status.get('account'), this.context.router.history);
|
2017-04-21 13:05:35 -05:00
|
|
|
}
|
2016-10-24 10:11:02 -05:00
|
|
|
|
2018-04-10 14:38:02 -05:00
|
|
|
handleDirectClick = () => {
|
|
|
|
this.props.onDirect(this.props.status.get('account'), this.context.router.history);
|
|
|
|
}
|
|
|
|
|
2017-05-12 07:44:10 -05:00
|
|
|
handleMuteClick = () => {
|
2017-04-03 02:56:01 -05:00
|
|
|
this.props.onMute(this.props.status.get('account'));
|
2017-04-21 13:05:35 -05:00
|
|
|
}
|
2017-04-03 02:56:01 -05:00
|
|
|
|
2017-05-12 07:44:10 -05:00
|
|
|
handleBlockClick = () => {
|
2019-03-26 11:34:02 -05:00
|
|
|
this.props.onBlock(this.props.status);
|
2017-04-21 13:05:35 -05:00
|
|
|
}
|
2016-11-23 15:57:57 -06:00
|
|
|
|
2017-05-12 07:44:10 -05:00
|
|
|
handleOpen = () => {
|
2019-04-15 15:23:05 -05:00
|
|
|
let state = {...this.context.router.history.location.state};
|
2019-06-02 04:51:49 -05:00
|
|
|
if (state.mastodonModalOpen) {
|
|
|
|
this.context.router.history.replace(`/statuses/${this.props.status.get('id')}`, { mastodonBackSteps: (state.mastodonBackSteps || 0) + 1 });
|
|
|
|
} else {
|
|
|
|
state.mastodonBackSteps = (state.mastodonBackSteps || 0) + 1;
|
|
|
|
this.context.router.history.push(`/statuses/${this.props.status.get('id')}`, state);
|
|
|
|
}
|
2017-04-21 13:05:35 -05:00
|
|
|
}
|
2016-12-11 15:49:25 -06:00
|
|
|
|
2017-09-01 14:30:13 -05:00
|
|
|
handleEmbed = () => {
|
|
|
|
this.props.onEmbed(this.props.status);
|
|
|
|
}
|
|
|
|
|
2017-05-12 07:44:10 -05:00
|
|
|
handleReport = () => {
|
2017-02-14 13:59:26 -06:00
|
|
|
this.props.onReport(this.props.status);
|
2017-04-21 13:05:35 -05:00
|
|
|
}
|
2017-02-14 13:59:26 -06:00
|
|
|
|
Feature conversations muting (#3017)
* Add <ostatus:conversation /> tag to Atom input/output
Only uses ref attribute (not href) because href would be
the alternate link that's always included also.
Creates new conversation for every non-reply status. Carries
over conversation for every reply. Keeps remote URIs verbatim,
generates local URIs on the fly like the rest of them.
* Conversation muting - prevents notifications that reference a conversation
(including replies, favourites, reblogs) from being created. API endpoints
/api/v1/statuses/:id/mute and /api/v1/statuses/:id/unmute
Currently no way to tell when a status/conversation is muted, so the web UI
only has a "disable notifications" button, doesn't work as a toggle
* Display "Dismiss notifications" on all statuses in notifications column, not just own
* Add "muted" as a boolean attribute on statuses JSON
For now always false on contained reblogs, since it's only relevant for
statuses returned from the notifications endpoint, which are not nested
Remove "Disable notifications" from detailed status view, since it's
only relevant in the notifications column
* Up max class length
* Remove pending test for conversation mute
* Add tests, clean up
* Rename to "mute conversation" and "unmute conversation"
* Raise validation error when trying to mute/unmute status without conversation
2017-05-14 20:04:13 -05:00
|
|
|
handleConversationMuteClick = () => {
|
|
|
|
this.props.onMuteConversation(this.props.status);
|
|
|
|
}
|
|
|
|
|
2019-02-13 00:29:57 -06:00
|
|
|
handleCopy = () => {
|
|
|
|
const url = this.props.status.get('url');
|
|
|
|
const textarea = document.createElement('textarea');
|
|
|
|
|
|
|
|
textarea.textContent = url;
|
|
|
|
textarea.style.position = 'fixed';
|
|
|
|
|
|
|
|
document.body.appendChild(textarea);
|
|
|
|
|
|
|
|
try {
|
|
|
|
textarea.select();
|
|
|
|
document.execCommand('copy');
|
|
|
|
} catch (e) {
|
|
|
|
|
|
|
|
} finally {
|
|
|
|
document.body.removeChild(textarea);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2019-07-12 09:01:33 -05:00
|
|
|
handleFilterClick = () => {
|
|
|
|
this.props.onFilter();
|
|
|
|
}
|
|
|
|
|
2016-09-29 17:00:45 -05:00
|
|
|
render () {
|
2020-07-09 08:09:19 -05:00
|
|
|
const { status, intl, withDismiss, showReplyCount, directMessage, scrollKey } = this.props;
|
2017-09-02 07:01:44 -05:00
|
|
|
|
Feature conversations muting (#3017)
* Add <ostatus:conversation /> tag to Atom input/output
Only uses ref attribute (not href) because href would be
the alternate link that's always included also.
Creates new conversation for every non-reply status. Carries
over conversation for every reply. Keeps remote URIs verbatim,
generates local URIs on the fly like the rest of them.
* Conversation muting - prevents notifications that reference a conversation
(including replies, favourites, reblogs) from being created. API endpoints
/api/v1/statuses/:id/mute and /api/v1/statuses/:id/unmute
Currently no way to tell when a status/conversation is muted, so the web UI
only has a "disable notifications" button, doesn't work as a toggle
* Display "Dismiss notifications" on all statuses in notifications column, not just own
* Add "muted" as a boolean attribute on statuses JSON
For now always false on contained reblogs, since it's only relevant for
statuses returned from the notifications endpoint, which are not nested
Remove "Disable notifications" from detailed status view, since it's
only relevant in the notifications column
* Up max class length
* Remove pending test for conversation mute
* Add tests, clean up
* Rename to "mute conversation" and "unmute conversation"
* Raise validation error when trying to mute/unmute status without conversation
2017-05-14 20:04:13 -05:00
|
|
|
const mutingConversation = status.get('muted');
|
2017-09-02 07:01:44 -05:00
|
|
|
const anonymousAccess = !me;
|
|
|
|
const publicStatus = ['public', 'unlisted'].includes(status.get('visibility'));
|
2017-05-10 17:28:10 -05:00
|
|
|
|
2016-10-09 15:19:15 -05:00
|
|
|
let menu = [];
|
2017-05-10 17:28:10 -05:00
|
|
|
let reblogIcon = 'retweet';
|
|
|
|
let replyIcon;
|
|
|
|
let replyTitle;
|
2016-09-29 17:00:45 -05:00
|
|
|
|
2016-12-11 15:49:25 -06:00
|
|
|
menu.push({ text: intl.formatMessage(messages.open), action: this.handleOpen });
|
2017-09-02 07:01:44 -05:00
|
|
|
|
|
|
|
if (publicStatus) {
|
2019-02-13 00:29:57 -06:00
|
|
|
menu.push({ text: intl.formatMessage(messages.copy), action: this.handleCopy });
|
2017-09-02 07:01:44 -05:00
|
|
|
menu.push({ text: intl.formatMessage(messages.embed), action: this.handleEmbed });
|
|
|
|
}
|
|
|
|
|
2017-02-28 17:53:11 -06:00
|
|
|
menu.push(null);
|
2016-12-11 15:49:25 -06:00
|
|
|
|
2017-09-08 05:00:30 -05:00
|
|
|
if (status.getIn(['account', 'id']) === me || withDismiss) {
|
Feature conversations muting (#3017)
* Add <ostatus:conversation /> tag to Atom input/output
Only uses ref attribute (not href) because href would be
the alternate link that's always included also.
Creates new conversation for every non-reply status. Carries
over conversation for every reply. Keeps remote URIs verbatim,
generates local URIs on the fly like the rest of them.
* Conversation muting - prevents notifications that reference a conversation
(including replies, favourites, reblogs) from being created. API endpoints
/api/v1/statuses/:id/mute and /api/v1/statuses/:id/unmute
Currently no way to tell when a status/conversation is muted, so the web UI
only has a "disable notifications" button, doesn't work as a toggle
* Display "Dismiss notifications" on all statuses in notifications column, not just own
* Add "muted" as a boolean attribute on statuses JSON
For now always false on contained reblogs, since it's only relevant for
statuses returned from the notifications endpoint, which are not nested
Remove "Disable notifications" from detailed status view, since it's
only relevant in the notifications column
* Up max class length
* Remove pending test for conversation mute
* Add tests, clean up
* Rename to "mute conversation" and "unmute conversation"
* Raise validation error when trying to mute/unmute status without conversation
2017-05-14 20:04:13 -05:00
|
|
|
menu.push({ text: intl.formatMessage(mutingConversation ? messages.unmuteConversation : messages.muteConversation), action: this.handleConversationMuteClick });
|
|
|
|
menu.push(null);
|
|
|
|
}
|
|
|
|
|
2016-09-29 17:00:45 -05:00
|
|
|
if (status.getIn(['account', 'id']) === me) {
|
2017-09-02 07:01:44 -05:00
|
|
|
if (publicStatus) {
|
2017-08-24 18:41:18 -05:00
|
|
|
menu.push({ text: intl.formatMessage(status.get('pinned') ? messages.unpin : messages.pin), action: this.handlePinClick });
|
|
|
|
}
|
|
|
|
|
2016-11-18 08:36:16 -06:00
|
|
|
menu.push({ text: intl.formatMessage(messages.delete), action: this.handleDeleteClick });
|
2018-06-15 14:29:04 -05:00
|
|
|
menu.push({ text: intl.formatMessage(messages.redraft), action: this.handleRedraftClick });
|
2016-10-24 10:11:02 -05:00
|
|
|
} else {
|
2017-02-28 17:53:11 -06:00
|
|
|
menu.push({ text: intl.formatMessage(messages.mention, { name: status.getIn(['account', 'username']) }), action: this.handleMentionClick });
|
2018-04-10 14:38:02 -05:00
|
|
|
menu.push({ text: intl.formatMessage(messages.direct, { name: status.getIn(['account', 'username']) }), action: this.handleDirectClick });
|
2017-02-28 17:53:11 -06:00
|
|
|
menu.push(null);
|
2017-04-03 02:56:01 -05:00
|
|
|
menu.push({ text: intl.formatMessage(messages.mute, { name: status.getIn(['account', 'username']) }), action: this.handleMuteClick });
|
2017-02-28 17:53:11 -06:00
|
|
|
menu.push({ text: intl.formatMessage(messages.block, { name: status.getIn(['account', 'username']) }), action: this.handleBlockClick });
|
|
|
|
menu.push({ text: intl.formatMessage(messages.report, { name: status.getIn(['account', 'username']) }), action: this.handleReport });
|
2019-02-13 00:29:57 -06:00
|
|
|
|
2018-09-25 07:46:14 -05:00
|
|
|
if (isStaff && (accountAdminLink || statusAdminLink)) {
|
2018-08-31 05:33:32 -05:00
|
|
|
menu.push(null);
|
2018-09-25 07:46:14 -05:00
|
|
|
if (accountAdminLink !== undefined) {
|
|
|
|
menu.push({
|
|
|
|
text: intl.formatMessage(messages.admin_account, { name: status.getIn(['account', 'username']) }),
|
|
|
|
href: accountAdminLink(status.getIn(['account', 'id'])),
|
|
|
|
});
|
|
|
|
}
|
|
|
|
if (statusAdminLink !== undefined) {
|
|
|
|
menu.push({
|
|
|
|
text: intl.formatMessage(messages.admin_status),
|
|
|
|
href: statusAdminLink(status.getIn(['account', 'id']), status.get('id')),
|
|
|
|
});
|
|
|
|
}
|
2018-08-31 05:33:32 -05:00
|
|
|
}
|
2016-09-29 17:00:45 -05:00
|
|
|
}
|
|
|
|
|
2017-04-19 07:20:04 -05:00
|
|
|
if (status.get('in_reply_to_id', null) === null) {
|
2017-06-05 20:56:36 -05:00
|
|
|
replyIcon = 'reply';
|
2017-05-10 17:28:10 -05:00
|
|
|
replyTitle = intl.formatMessage(messages.reply);
|
2017-04-19 07:20:04 -05:00
|
|
|
} else {
|
2017-06-05 20:56:36 -05:00
|
|
|
replyIcon = 'reply-all';
|
2017-05-10 17:28:10 -05:00
|
|
|
replyTitle = intl.formatMessage(messages.replyAll);
|
2017-04-19 07:20:04 -05:00
|
|
|
}
|
2017-04-14 19:57:26 -05:00
|
|
|
|
2020-02-07 06:21:25 -06:00
|
|
|
const shareButton = ('share' in navigator) && publicStatus && (
|
2017-07-25 13:38:39 -05:00
|
|
|
<IconButton className='status__action-bar-button' title={intl.formatMessage(messages.share)} icon='share-alt' onClick={this.handleShareClick} />
|
|
|
|
);
|
|
|
|
|
2019-07-12 09:01:33 -05:00
|
|
|
const filterButton = status.get('filtered') && (
|
|
|
|
<IconButton className='status__action-bar-button' title={intl.formatMessage(messages.hide)} icon='eye' onClick={this.handleFilterClick} />
|
|
|
|
);
|
|
|
|
|
2018-08-22 06:17:21 -05:00
|
|
|
let replyButton = (
|
|
|
|
<IconButton
|
|
|
|
className='status__action-bar-button'
|
|
|
|
title={replyTitle}
|
|
|
|
icon={replyIcon}
|
|
|
|
onClick={this.handleReplyClick}
|
|
|
|
/>
|
|
|
|
);
|
|
|
|
if (showReplyCount) {
|
|
|
|
replyButton = (
|
2018-08-20 04:56:34 -05:00
|
|
|
<div className='status__action-bar__counter'>
|
2018-08-22 06:17:21 -05:00
|
|
|
{replyButton}
|
2018-08-20 04:56:34 -05:00
|
|
|
<span className='status__action-bar__counter__label' >{obfuscatedCount(status.get('replies_count'))}</span>
|
|
|
|
</div>
|
2018-08-22 06:17:21 -05:00
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2020-08-24 07:13:44 -05:00
|
|
|
const reblogPrivate = status.getIn(['account', 'id']) === me && status.get('visibility') === 'private';
|
|
|
|
|
|
|
|
let reblogTitle = '';
|
|
|
|
if (status.get('reblogged')) {
|
|
|
|
reblogTitle = intl.formatMessage(messages.cancel_reblog_private);
|
|
|
|
} else if (publicStatus) {
|
|
|
|
reblogTitle = intl.formatMessage(messages.reblog);
|
|
|
|
} else if (reblogPrivate) {
|
|
|
|
reblogTitle = intl.formatMessage(messages.reblog_private);
|
|
|
|
} else {
|
|
|
|
reblogTitle = intl.formatMessage(messages.cannot_reblog);
|
|
|
|
}
|
|
|
|
|
2018-08-22 06:17:21 -05:00
|
|
|
return (
|
|
|
|
<div className='status__action-bar'>
|
|
|
|
{replyButton}
|
2019-06-09 05:07:23 -05:00
|
|
|
{!directMessage && [
|
2020-08-24 07:13:44 -05:00
|
|
|
<IconButton key='reblog-button' className={classNames('status__action-bar-button', { reblogPrivate })} disabled={!publicStatus && !reblogPrivate} active={status.get('reblogged')} pressed={status.get('reblogged')} title={reblogTitle} icon={reblogIcon} onClick={this.handleReblogClick} />,
|
2019-06-29 03:43:45 -05:00
|
|
|
<IconButton key='favourite-button' className='status__action-bar-button star-icon' animate active={status.get('favourited')} pressed={status.get('favourited')} title={intl.formatMessage(messages.favourite)} icon='star' onClick={this.handleFavouriteClick} />,
|
2019-06-09 05:07:23 -05:00
|
|
|
shareButton,
|
2019-06-29 03:43:45 -05:00
|
|
|
<IconButton key='bookmark-button' className='status__action-bar-button bookmark-icon' disabled={anonymousAccess} active={status.get('bookmarked')} pressed={status.get('bookmarked')} title={intl.formatMessage(messages.bookmark)} icon='bookmark' onClick={this.handleBookmarkClick} />,
|
2019-07-12 09:01:33 -05:00
|
|
|
filterButton,
|
2019-06-29 03:43:45 -05:00
|
|
|
<div key='dropdown-button' className='status__action-bar-dropdown'>
|
2020-07-09 08:09:19 -05:00
|
|
|
<DropdownMenuContainer
|
|
|
|
scrollKey={scrollKey}
|
|
|
|
disabled={anonymousAccess}
|
|
|
|
status={status}
|
|
|
|
items={menu}
|
|
|
|
icon='ellipsis-h'
|
|
|
|
size={18}
|
|
|
|
direction='right'
|
|
|
|
ariaLabel={intl.formatMessage(messages.more)}
|
|
|
|
/>
|
2019-06-09 05:07:23 -05:00
|
|
|
</div>,
|
|
|
|
]}
|
2017-11-17 21:11:18 -06:00
|
|
|
|
|
|
|
<a href={status.get('url')} className='status__relative-time' target='_blank' rel='noopener'><RelativeTimestamp timestamp={status.get('created_at')} /></a>
|
2016-09-29 17:00:45 -05:00
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2017-04-21 13:05:35 -05:00
|
|
|
}
|