2017-05-03 03:04:16 +03:00
|
|
|
import React from 'react';
|
2016-09-30 01:00:45 +03:00
|
|
|
import ImmutablePropTypes from 'react-immutable-proptypes';
|
2017-04-21 21:05:35 +03:00
|
|
|
import PropTypes from 'prop-types';
|
2016-11-16 18:20:52 +02:00
|
|
|
import IconButton from './icon_button';
|
2017-12-04 09:26:40 +02:00
|
|
|
import DropdownMenuContainer from 'flavours/glitch/containers/dropdown_menu_container';
|
2016-11-18 16:36:16 +02:00
|
|
|
import { defineMessages, injectIntl } from 'react-intl';
|
2017-05-26 15:05:52 +03:00
|
|
|
import ImmutablePureComponent from 'react-immutable-pure-component';
|
2022-11-29 06:37:44 +02:00
|
|
|
import { me, maxReactions } from 'flavours/glitch/initial_state';
|
2017-11-18 05:11:18 +02:00
|
|
|
import RelativeTimestamp from './relative_timestamp';
|
2022-10-11 11:41:15 +03:00
|
|
|
import { accountAdminLink, statusAdminLink } from 'flavours/glitch/utils/backend_links';
|
2020-08-24 15:13:44 +03:00
|
|
|
import classNames from 'classnames';
|
2022-07-05 03:41:40 +03:00
|
|
|
import { PERMISSION_MANAGE_USERS } from 'flavours/glitch/permissions';
|
2022-11-29 06:37:44 +02:00
|
|
|
import EmojiPickerDropdown from '../features/compose/containers/emoji_picker_dropdown_container';
|
2016-11-18 16:36:16 +02:00
|
|
|
|
|
|
|
const messages = defineMessages({
|
|
|
|
delete: { id: 'status.delete', defaultMessage: 'Delete' },
|
2018-06-15 22:29:04 +03:00
|
|
|
redraft: { id: 'status.redraft', defaultMessage: 'Delete & re-draft' },
|
2022-02-10 01:15:30 +02:00
|
|
|
edit: { id: 'status.edit', defaultMessage: 'Edit' },
|
2018-04-10 22:38:02 +03:00
|
|
|
direct: { id: 'status.direct', defaultMessage: 'Direct message @{name}' },
|
2017-03-01 01:53:11 +02:00
|
|
|
mention: { id: 'status.mention', defaultMessage: 'Mention @{name}' },
|
2017-04-03 10:56:01 +03:00
|
|
|
mute: { id: 'account.mute', defaultMessage: 'Mute @{name}' },
|
2017-03-01 01:53:11 +02:00
|
|
|
block: { id: 'account.block', defaultMessage: 'Block @{name}' },
|
2016-11-18 16:36:16 +02:00
|
|
|
reply: { id: 'status.reply', defaultMessage: 'Reply' },
|
2017-07-25 21:38:39 +03:00
|
|
|
share: { id: 'status.share', defaultMessage: 'Share' },
|
2017-10-16 10:31:47 +03:00
|
|
|
more: { id: 'status.more', defaultMessage: 'More' },
|
2017-04-19 15:20:04 +03:00
|
|
|
replyAll: { id: 'status.replyAll', defaultMessage: 'Reply to thread' },
|
2017-04-27 13:03:28 +03:00
|
|
|
reblog: { id: 'status.reblog', defaultMessage: 'Boost' },
|
2020-08-23 01:08:31 +03:00
|
|
|
reblog_private: { id: 'status.reblog_private', defaultMessage: 'Boost with original visibility' },
|
2020-08-24 15:13:44 +03:00
|
|
|
cancel_reblog_private: { id: 'status.cancel_reblog_private', defaultMessage: 'Unboost' },
|
2017-04-27 13:03:28 +03:00
|
|
|
cannot_reblog: { id: 'status.cannot_reblog', defaultMessage: 'This post cannot be boosted' },
|
2016-12-11 23:49:25 +02:00
|
|
|
favourite: { id: 'status.favourite', defaultMessage: 'Favourite' },
|
2022-11-29 06:37:44 +02:00
|
|
|
react: { id: 'status.react', defaultMessage: 'React' },
|
2018-04-11 20:42:25 +03:00
|
|
|
bookmark: { id: 'status.bookmark', defaultMessage: 'Bookmark' },
|
2017-03-01 01:53:11 +02: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-15 04:04:13 +03: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-25 02:41:18 +03:00
|
|
|
pin: { id: 'status.pin', defaultMessage: 'Pin on profile' },
|
|
|
|
unpin: { id: 'status.unpin', defaultMessage: 'Unpin from profile' },
|
2017-09-01 22:30:13 +03:00
|
|
|
embed: { id: 'status.embed', defaultMessage: 'Embed' },
|
2018-08-31 13:33:32 +03: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 08:29:57 +02:00
|
|
|
copy: { id: 'status.copy', defaultMessage: 'Copy link to status' },
|
2019-07-12 17:01:33 +03:00
|
|
|
hide: { id: 'status.hide', defaultMessage: 'Hide toot' },
|
2022-01-19 23:37:27 +02:00
|
|
|
edited: { id: 'status.edited', defaultMessage: 'Edited {date}' },
|
2022-08-25 05:27:47 +03:00
|
|
|
filter: { id: 'status.filter', defaultMessage: 'Filter this post' },
|
2022-11-10 09:49:35 +02:00
|
|
|
openOriginalPage: { id: 'account.open_original_page', defaultMessage: 'Open original page' },
|
2016-11-18 16:36:16 +02:00
|
|
|
});
|
2016-09-30 01:00:45 +03:00
|
|
|
|
2019-09-09 16:16:08 +03:00
|
|
|
export default @injectIntl
|
|
|
|
class StatusActionBar extends ImmutablePureComponent {
|
2017-04-21 21:05:35 +03:00
|
|
|
|
2017-05-12 15:44:10 +03:00
|
|
|
static contextTypes = {
|
2017-05-20 18:31:47 +03:00
|
|
|
router: PropTypes.object,
|
2022-07-05 03:41:40 +03:00
|
|
|
identity: PropTypes.object,
|
2017-05-12 15:44:10 +03:00
|
|
|
};
|
|
|
|
|
|
|
|
static propTypes = {
|
|
|
|
status: ImmutablePropTypes.map.isRequired,
|
|
|
|
onReply: PropTypes.func,
|
|
|
|
onFavourite: PropTypes.func,
|
|
|
|
onReblog: PropTypes.func,
|
|
|
|
onDelete: PropTypes.func,
|
2018-04-10 22:38:02 +03:00
|
|
|
onDirect: PropTypes.func,
|
2017-05-12 15:44:10 +03:00
|
|
|
onMention: PropTypes.func,
|
|
|
|
onMute: PropTypes.func,
|
|
|
|
onBlock: PropTypes.func,
|
|
|
|
onReport: PropTypes.func,
|
2017-09-01 22:30:13 +03: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-15 04:04:13 +03:00
|
|
|
onMuteConversation: PropTypes.func,
|
2017-08-25 02:41:18 +03:00
|
|
|
onPin: PropTypes.func,
|
2018-04-11 20:42:25 +03:00
|
|
|
onBookmark: PropTypes.func,
|
2019-07-12 17:01:33 +03:00
|
|
|
onFilter: PropTypes.func,
|
2022-08-25 05:27:47 +03:00
|
|
|
onAddFilter: PropTypes.func,
|
2022-10-07 11:14:31 +03:00
|
|
|
onInteractionModal: 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-15 04:04:13 +03:00
|
|
|
withDismiss: PropTypes.bool,
|
2022-02-25 01:34:33 +02:00
|
|
|
withCounters: PropTypes.bool,
|
2018-08-22 14:17:21 +03:00
|
|
|
showReplyCount: PropTypes.bool,
|
2020-07-09 16:09:19 +03:00
|
|
|
scrollKey: PropTypes.string,
|
2017-05-20 18:31:47 +03:00
|
|
|
intl: PropTypes.object.isRequired,
|
2017-05-12 15:44:10 +03:00
|
|
|
};
|
|
|
|
|
2017-05-26 15:05:52 +03: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 14:17:21 +03:00
|
|
|
'showReplyCount',
|
2022-02-25 01:34:33 +02:00
|
|
|
'withCounters',
|
2017-05-26 15:05:52 +03:00
|
|
|
'withDismiss',
|
|
|
|
]
|
|
|
|
|
2017-05-12 15:44:10 +03:00
|
|
|
handleReplyClick = () => {
|
2022-10-07 11:14:31 +03:00
|
|
|
const { signedIn } = this.context.identity;
|
|
|
|
|
|
|
|
if (signedIn) {
|
2019-02-17 13:39:44 +02:00
|
|
|
this.props.onReply(this.props.status, this.context.router.history);
|
|
|
|
} else {
|
2022-10-07 11:14:31 +03:00
|
|
|
this.props.onInteractionModal('reply', this.props.status);
|
2019-02-17 13:39:44 +02:00
|
|
|
}
|
2017-04-21 21:05:35 +03:00
|
|
|
}
|
2016-09-30 01:00:45 +03:00
|
|
|
|
2017-07-25 21:38:39 +03:00
|
|
|
handleShareClick = () => {
|
|
|
|
navigator.share({
|
|
|
|
text: this.props.status.get('search_index'),
|
|
|
|
url: this.props.status.get('url'),
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2017-12-09 20:06:00 +02:00
|
|
|
handleFavouriteClick = (e) => {
|
2022-10-07 11:14:31 +03:00
|
|
|
const { signedIn } = this.context.identity;
|
|
|
|
|
|
|
|
if (signedIn) {
|
2019-02-17 13:39:44 +02:00
|
|
|
this.props.onFavourite(this.props.status, e);
|
|
|
|
} else {
|
2022-10-07 11:14:31 +03:00
|
|
|
this.props.onInteractionModal('favourite', this.props.status);
|
2019-02-17 13:39:44 +02:00
|
|
|
}
|
2017-04-21 21:05:35 +03:00
|
|
|
}
|
2016-09-30 01:00:45 +03:00
|
|
|
|
2022-11-29 06:37:44 +02:00
|
|
|
handleEmojiPick = data => {
|
|
|
|
const { signedIn } = this.context.identity;
|
|
|
|
|
|
|
|
if (signedIn) {
|
|
|
|
this.props.onReactionAdd(this.props.status.get('id'), data.native.replace(/:/g, ''));
|
|
|
|
} else {
|
|
|
|
this.props.onInteractionModal('favourite', this.props.status);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2019-02-17 13:39:44 +02:00
|
|
|
handleReblogClick = e => {
|
2022-10-07 11:14:31 +03:00
|
|
|
const { signedIn } = this.context.identity;
|
|
|
|
|
|
|
|
if (signedIn) {
|
2019-02-17 13:39:44 +02:00
|
|
|
this.props.onReblog(this.props.status, e);
|
|
|
|
} else {
|
2022-10-07 11:14:31 +03:00
|
|
|
this.props.onInteractionModal('reblog', this.props.status);
|
2019-02-17 13:39:44 +02:00
|
|
|
}
|
2017-04-21 21:05:35 +03:00
|
|
|
}
|
2016-09-30 01:00:45 +03:00
|
|
|
|
2022-10-07 11:14:31 +03:00
|
|
|
handleBookmarkClick = (e) => {
|
|
|
|
this.props.onBookmark(this.props.status, e);
|
|
|
|
}
|
2019-02-17 13:39:44 +02:00
|
|
|
|
2017-05-12 15:44:10 +03:00
|
|
|
handleDeleteClick = () => {
|
2018-08-31 17:41:58 +03:00
|
|
|
this.props.onDelete(this.props.status, this.context.router.history);
|
2017-04-21 21:05:35 +03:00
|
|
|
}
|
2016-09-30 01:00:45 +03:00
|
|
|
|
2018-06-15 22:29:04 +03:00
|
|
|
handleRedraftClick = () => {
|
2018-08-31 17:41:58 +03:00
|
|
|
this.props.onDelete(this.props.status, this.context.router.history, true);
|
2018-06-15 22:29:04 +03:00
|
|
|
}
|
|
|
|
|
2022-02-10 01:15:30 +02:00
|
|
|
handleEditClick = () => {
|
|
|
|
this.props.onEdit(this.props.status, this.context.router.history);
|
|
|
|
}
|
|
|
|
|
2017-08-25 02:41:18 +03:00
|
|
|
handlePinClick = () => {
|
|
|
|
this.props.onPin(this.props.status);
|
|
|
|
}
|
|
|
|
|
2017-05-12 15:44:10 +03:00
|
|
|
handleMentionClick = () => {
|
2017-06-20 21:40:03 +03:00
|
|
|
this.props.onMention(this.props.status.get('account'), this.context.router.history);
|
2017-04-21 21:05:35 +03:00
|
|
|
}
|
2016-10-24 18:11:02 +03:00
|
|
|
|
2018-04-10 22:38:02 +03:00
|
|
|
handleDirectClick = () => {
|
|
|
|
this.props.onDirect(this.props.status.get('account'), this.context.router.history);
|
|
|
|
}
|
|
|
|
|
2017-05-12 15:44:10 +03:00
|
|
|
handleMuteClick = () => {
|
2017-04-03 10:56:01 +03:00
|
|
|
this.props.onMute(this.props.status.get('account'));
|
2017-04-21 21:05:35 +03:00
|
|
|
}
|
2017-04-03 10:56:01 +03:00
|
|
|
|
2017-05-12 15:44:10 +03:00
|
|
|
handleBlockClick = () => {
|
2019-03-26 18:34:02 +02:00
|
|
|
this.props.onBlock(this.props.status);
|
2017-04-21 21:05:35 +03:00
|
|
|
}
|
2016-11-23 23:57:57 +02:00
|
|
|
|
2017-05-12 15:44:10 +03:00
|
|
|
handleOpen = () => {
|
2019-04-15 23:23:05 +03:00
|
|
|
let state = {...this.context.router.history.location.state};
|
2021-07-13 12:07:16 +03:00
|
|
|
if (state.mastodonModalKey) {
|
2021-09-26 06:46:13 +03:00
|
|
|
this.context.router.history.replace(`/@${this.props.status.getIn(['account', 'acct'])}/${this.props.status.get('id')}`, { mastodonBackSteps: (state.mastodonBackSteps || 0) + 1 });
|
2019-06-02 12:51:49 +03:00
|
|
|
} else {
|
|
|
|
state.mastodonBackSteps = (state.mastodonBackSteps || 0) + 1;
|
2021-09-26 06:46:13 +03:00
|
|
|
this.context.router.history.push(`/@${this.props.status.getIn(['account', 'acct'])}/${this.props.status.get('id')}`, state);
|
2019-06-02 12:51:49 +03:00
|
|
|
}
|
2017-04-21 21:05:35 +03:00
|
|
|
}
|
2016-12-11 23:49:25 +02:00
|
|
|
|
2017-09-01 22:30:13 +03:00
|
|
|
handleEmbed = () => {
|
|
|
|
this.props.onEmbed(this.props.status);
|
|
|
|
}
|
|
|
|
|
2017-05-12 15:44:10 +03:00
|
|
|
handleReport = () => {
|
2017-02-14 21:59:26 +02:00
|
|
|
this.props.onReport(this.props.status);
|
2017-04-21 21:05:35 +03:00
|
|
|
}
|
2017-02-14 21:59:26 +02: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-15 04:04:13 +03:00
|
|
|
handleConversationMuteClick = () => {
|
|
|
|
this.props.onMuteConversation(this.props.status);
|
|
|
|
}
|
|
|
|
|
2019-02-13 08:29:57 +02:00
|
|
|
handleCopy = () => {
|
2022-11-10 09:49:35 +02:00
|
|
|
const url = this.props.status.get('url');
|
|
|
|
navigator.clipboard.writeText(url);
|
2019-02-13 08:29:57 +02:00
|
|
|
}
|
|
|
|
|
2022-08-25 05:27:47 +03:00
|
|
|
handleHideClick = () => {
|
2019-07-12 17:01:33 +03:00
|
|
|
this.props.onFilter();
|
|
|
|
}
|
|
|
|
|
2022-08-25 05:27:47 +03:00
|
|
|
handleFilterClick = () => {
|
|
|
|
this.props.onAddFilter(this.props.status);
|
|
|
|
}
|
|
|
|
|
2022-11-29 06:37:44 +02:00
|
|
|
nop = () => {}
|
|
|
|
|
2016-09-30 01:00:45 +03:00
|
|
|
render () {
|
2022-02-25 01:34:33 +02:00
|
|
|
const { status, intl, withDismiss, withCounters, showReplyCount, scrollKey } = this.props;
|
2017-09-02 15:01:44 +03:00
|
|
|
|
|
|
|
const anonymousAccess = !me;
|
2021-02-11 02:05:04 +02:00
|
|
|
const mutingConversation = status.get('muted');
|
2017-09-02 15:01:44 +03:00
|
|
|
const publicStatus = ['public', 'unlisted'].includes(status.get('visibility'));
|
2022-01-17 01:49:55 +02:00
|
|
|
const pinnableStatus = ['public', 'unlisted', 'private'].includes(status.get('visibility'));
|
2021-02-11 02:05:04 +02:00
|
|
|
const writtenByMe = status.getIn(['account', 'id']) === me;
|
2022-11-10 09:49:35 +02:00
|
|
|
const isRemote = status.getIn(['account', 'username']) !== status.getIn(['account', 'acct']);
|
2017-05-11 01:28:10 +03:00
|
|
|
|
2016-10-09 23:19:15 +03:00
|
|
|
let menu = [];
|
2017-05-11 01:28:10 +03:00
|
|
|
let reblogIcon = 'retweet';
|
|
|
|
let replyIcon;
|
|
|
|
let replyTitle;
|
2016-09-30 01:00:45 +03:00
|
|
|
|
2016-12-11 23:49:25 +02:00
|
|
|
menu.push({ text: intl.formatMessage(messages.open), action: this.handleOpen });
|
2017-09-02 15:01:44 +03:00
|
|
|
|
2022-12-15 16:43:16 +02:00
|
|
|
if (publicStatus && isRemote) {
|
|
|
|
menu.push({ text: intl.formatMessage(messages.openOriginalPage), href: status.get('url') });
|
|
|
|
}
|
|
|
|
|
|
|
|
menu.push({ text: intl.formatMessage(messages.copy), action: this.handleCopy });
|
|
|
|
|
2017-09-02 15:01:44 +03:00
|
|
|
if (publicStatus) {
|
|
|
|
menu.push({ text: intl.formatMessage(messages.embed), action: this.handleEmbed });
|
|
|
|
}
|
|
|
|
|
2017-03-01 01:53:11 +02:00
|
|
|
menu.push(null);
|
2016-12-11 23:49:25 +02:00
|
|
|
|
2022-01-17 01:49:55 +02:00
|
|
|
if (writtenByMe && pinnableStatus) {
|
2021-02-11 02:05:04 +02:00
|
|
|
menu.push({ text: intl.formatMessage(status.get('pinned') ? messages.unpin : messages.pin), action: this.handlePinClick });
|
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-15 04:04:13 +03:00
|
|
|
menu.push(null);
|
|
|
|
}
|
|
|
|
|
2021-02-11 02:05:04 +02:00
|
|
|
if (writtenByMe || withDismiss) {
|
|
|
|
menu.push({ text: intl.formatMessage(mutingConversation ? messages.unmuteConversation : messages.muteConversation), action: this.handleConversationMuteClick });
|
|
|
|
menu.push(null);
|
|
|
|
}
|
2017-08-25 02:41:18 +03:00
|
|
|
|
2021-02-11 02:05:04 +02:00
|
|
|
if (writtenByMe) {
|
2022-10-26 16:23:00 +03:00
|
|
|
menu.push({ text: intl.formatMessage(messages.edit), action: this.handleEditClick });
|
2016-11-18 16:36:16 +02:00
|
|
|
menu.push({ text: intl.formatMessage(messages.delete), action: this.handleDeleteClick });
|
2018-06-15 22:29:04 +03:00
|
|
|
menu.push({ text: intl.formatMessage(messages.redraft), action: this.handleRedraftClick });
|
2016-10-24 18:11:02 +03:00
|
|
|
} else {
|
2017-03-01 01:53:11 +02:00
|
|
|
menu.push({ text: intl.formatMessage(messages.mention, { name: status.getIn(['account', 'username']) }), action: this.handleMentionClick });
|
2018-04-10 22:38:02 +03:00
|
|
|
menu.push({ text: intl.formatMessage(messages.direct, { name: status.getIn(['account', 'username']) }), action: this.handleDirectClick });
|
2017-03-01 01:53:11 +02:00
|
|
|
menu.push(null);
|
2022-08-25 05:27:47 +03:00
|
|
|
|
|
|
|
if (!this.props.onFilter) {
|
|
|
|
menu.push({ text: intl.formatMessage(messages.filter), action: this.handleFilterClick });
|
|
|
|
menu.push(null);
|
|
|
|
}
|
|
|
|
|
2017-04-03 10:56:01 +03:00
|
|
|
menu.push({ text: intl.formatMessage(messages.mute, { name: status.getIn(['account', 'username']) }), action: this.handleMuteClick });
|
2017-03-01 01:53:11 +02: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 08:29:57 +02:00
|
|
|
|
2022-07-05 03:41:40 +03:00
|
|
|
if ((this.context.identity.permissions & PERMISSION_MANAGE_USERS) === PERMISSION_MANAGE_USERS && (accountAdminLink || statusAdminLink)) {
|
2018-08-31 13:33:32 +03:00
|
|
|
menu.push(null);
|
2018-09-25 15:46:14 +03: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 13:33:32 +03:00
|
|
|
}
|
2016-09-30 01:00:45 +03:00
|
|
|
}
|
|
|
|
|
2017-04-19 15:20:04 +03:00
|
|
|
if (status.get('in_reply_to_id', null) === null) {
|
2017-06-06 04:56:36 +03:00
|
|
|
replyIcon = 'reply';
|
2017-05-11 01:28:10 +03:00
|
|
|
replyTitle = intl.formatMessage(messages.reply);
|
2017-04-19 15:20:04 +03:00
|
|
|
} else {
|
2017-06-06 04:56:36 +03:00
|
|
|
replyIcon = 'reply-all';
|
2017-05-11 01:28:10 +03:00
|
|
|
replyTitle = intl.formatMessage(messages.replyAll);
|
2017-04-19 15:20:04 +03:00
|
|
|
}
|
2017-04-15 03:57:26 +03:00
|
|
|
|
2020-02-07 14:21:25 +02:00
|
|
|
const shareButton = ('share' in navigator) && publicStatus && (
|
2017-07-25 21:38:39 +03:00
|
|
|
<IconButton className='status__action-bar-button' title={intl.formatMessage(messages.share)} icon='share-alt' onClick={this.handleShareClick} />
|
|
|
|
);
|
|
|
|
|
2020-08-24 15:13:44 +03: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);
|
|
|
|
}
|
|
|
|
|
2022-06-28 10:42:13 +03:00
|
|
|
const filterButton = this.props.onFilter && (
|
2022-08-25 05:27:47 +03:00
|
|
|
<IconButton className='status__action-bar-button' title={intl.formatMessage(messages.hide)} icon='eye' onClick={this.handleHideClick} />
|
2022-06-28 10:42:13 +03:00
|
|
|
);
|
|
|
|
|
2022-11-29 06:37:44 +02:00
|
|
|
const canReact = status.get('reactions').filter(r => r.get('count') > 0 && r.get('me')).size < maxReactions;
|
|
|
|
const reactButton = (
|
|
|
|
<IconButton
|
|
|
|
className='status__action-bar-button'
|
|
|
|
onClick={this.nop} // EmojiPickerDropdown handles that
|
|
|
|
title={intl.formatMessage(messages.react)}
|
|
|
|
disabled={!canReact}
|
|
|
|
icon='plus'
|
|
|
|
/>
|
|
|
|
);
|
|
|
|
|
2018-08-22 14:17:21 +03:00
|
|
|
return (
|
|
|
|
<div className='status__action-bar'>
|
2022-02-25 01:34:33 +02:00
|
|
|
<IconButton
|
|
|
|
className='status__action-bar-button'
|
|
|
|
title={replyTitle}
|
|
|
|
icon={replyIcon}
|
|
|
|
onClick={this.handleReplyClick}
|
|
|
|
counter={showReplyCount ? status.get('replies_count') : undefined}
|
|
|
|
obfuscateCount
|
|
|
|
/>
|
2022-11-08 18:31:32 +02:00
|
|
|
<IconButton className={classNames('status__action-bar-button', { reblogPrivate })} disabled={!publicStatus && !reblogPrivate} active={status.get('reblogged')} title={reblogTitle} icon={reblogIcon} onClick={this.handleReblogClick} counter={withCounters ? status.get('reblogs_count') : undefined} />
|
|
|
|
<IconButton className='status__action-bar-button star-icon' animate active={status.get('favourited')} title={intl.formatMessage(messages.favourite)} icon='star' onClick={this.handleFavouriteClick} counter={withCounters ? status.get('favourites_count') : undefined} />
|
2022-11-29 06:37:44 +02:00
|
|
|
<EmojiPickerDropdown onPickEmoji={this.handleEmojiPick} button={reactButton} disabled={!canReact} />
|
2022-05-30 18:10:13 +03:00
|
|
|
{shareButton}
|
2022-11-08 18:31:32 +02:00
|
|
|
<IconButton className='status__action-bar-button bookmark-icon' disabled={anonymousAccess} active={status.get('bookmarked')} title={intl.formatMessage(messages.bookmark)} icon='bookmark' onClick={this.handleBookmarkClick} />
|
2022-06-28 10:42:13 +03:00
|
|
|
|
2022-05-30 18:10:13 +03:00
|
|
|
{filterButton}
|
|
|
|
|
|
|
|
<div className='status__action-bar-dropdown'>
|
|
|
|
<DropdownMenuContainer
|
|
|
|
scrollKey={scrollKey}
|
|
|
|
disabled={anonymousAccess}
|
|
|
|
status={status}
|
|
|
|
items={menu}
|
|
|
|
icon='ellipsis-h'
|
|
|
|
size={18}
|
|
|
|
direction='right'
|
|
|
|
ariaLabel={intl.formatMessage(messages.more)}
|
|
|
|
/>
|
|
|
|
</div>
|
2017-11-18 05:11:18 +02:00
|
|
|
|
2022-01-19 23:37:27 +02:00
|
|
|
<a href={status.get('url')} className='status__relative-time' target='_blank' rel='noopener'>
|
|
|
|
<RelativeTimestamp timestamp={status.get('created_at')} />{status.get('edited_at') && <abbr title={intl.formatMessage(messages.edited, { date: intl.formatDate(status.get('edited_at'), { hour12: false, year: 'numeric', month: 'short', day: '2-digit', hour: '2-digit', minute: '2-digit' }) })}> *</abbr>}
|
|
|
|
</a>
|
2016-09-30 01:00:45 +03:00
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2017-04-21 21:05:35 +03:00
|
|
|
}
|