2017-04-22 03:05:35 +09:00
|
|
|
import PropTypes from 'prop-types';
|
2023-05-24 00:15:17 +09:00
|
|
|
import { PureComponent } from 'react';
|
|
|
|
|
|
|
|
import { defineMessages, injectIntl } from 'react-intl';
|
|
|
|
|
|
|
|
import classNames from 'classnames';
|
2023-10-20 02:44:55 +09:00
|
|
|
import { withRouter } from 'react-router-dom';
|
2023-05-24 00:15:17 +09:00
|
|
|
|
|
|
|
import ImmutablePropTypes from 'react-immutable-proptypes';
|
2019-11-20 05:24:16 +09:00
|
|
|
import { connect } from 'react-redux';
|
2023-05-24 00:15:17 +09:00
|
|
|
|
2024-01-16 19:27:26 +09:00
|
|
|
import BookmarkIcon from '@/material-icons/400-24px/bookmark-fill.svg?react';
|
|
|
|
import BookmarkBorderIcon from '@/material-icons/400-24px/bookmark.svg?react';
|
|
|
|
import MoreHorizIcon from '@/material-icons/400-24px/more_horiz.svg?react';
|
|
|
|
import RepeatIcon from '@/material-icons/400-24px/repeat.svg?react';
|
|
|
|
import ReplyIcon from '@/material-icons/400-24px/reply.svg?react';
|
|
|
|
import ReplyAllIcon from '@/material-icons/400-24px/reply_all.svg?react';
|
|
|
|
import StarIcon from '@/material-icons/400-24px/star-fill.svg?react';
|
|
|
|
import StarBorderIcon from '@/material-icons/400-24px/star.svg?react';
|
2024-01-24 21:37:43 +09:00
|
|
|
import RepeatActiveIcon from '@/svg-icons/repeat_active.svg?react';
|
2024-01-16 19:27:26 +09:00
|
|
|
import RepeatDisabledIcon from '@/svg-icons/repeat_disabled.svg?react';
|
|
|
|
import RepeatPrivateIcon from '@/svg-icons/repeat_private.svg?react';
|
2024-01-24 21:37:43 +09:00
|
|
|
import RepeatPrivateActiveIcon from '@/svg-icons/repeat_private_active.svg?react';
|
2023-05-24 00:15:17 +09:00
|
|
|
import { PERMISSION_MANAGE_USERS, PERMISSION_MANAGE_FEDERATION } from 'mastodon/permissions';
|
2023-10-20 02:44:55 +09:00
|
|
|
import { WithRouterPropTypes } from 'mastodon/utils/react_router';
|
2023-05-24 00:15:17 +09:00
|
|
|
|
2023-05-09 10:11:56 +09:00
|
|
|
import { IconButton } from '../../../components/icon_button';
|
2017-07-28 05:31:59 +09:00
|
|
|
import DropdownMenuContainer from '../../../containers/dropdown_menu_container';
|
2022-07-05 09:41:40 +09:00
|
|
|
import { me } from '../../../initial_state';
|
2016-11-18 23:36:16 +09:00
|
|
|
|
|
|
|
const messages = defineMessages({
|
|
|
|
delete: { id: 'status.delete', defaultMessage: 'Delete' },
|
2018-06-05 07:17:38 +09:00
|
|
|
redraft: { id: 'status.redraft', defaultMessage: 'Delete & re-draft' },
|
2022-02-10 08:15:30 +09:00
|
|
|
edit: { id: 'status.edit', defaultMessage: 'Edit' },
|
2023-03-30 22:16:20 +09:00
|
|
|
direct: { id: 'status.direct', defaultMessage: 'Privately mention @{name}' },
|
2017-03-01 08:53:11 +09:00
|
|
|
mention: { id: 'status.mention', defaultMessage: 'Mention @{name}' },
|
2016-11-18 23:36:16 +09:00
|
|
|
reply: { id: 'status.reply', defaultMessage: 'Reply' },
|
2017-04-27 19:03:28 +09:00
|
|
|
reblog: { id: 'status.reblog', defaultMessage: 'Boost' },
|
2020-08-23 07:08:31 +09:00
|
|
|
reblog_private: { id: 'status.reblog_private', defaultMessage: 'Boost with original visibility' },
|
2018-04-18 06:35:45 +09:00
|
|
|
cancel_reblog_private: { id: 'status.cancel_reblog_private', defaultMessage: 'Unboost' },
|
2017-04-27 19:03:28 +09:00
|
|
|
cannot_reblog: { id: 'status.cannot_reblog', defaultMessage: 'This post cannot be boosted' },
|
2023-07-22 02:09:13 +09:00
|
|
|
favourite: { id: 'status.favourite', defaultMessage: 'Favorite' },
|
2019-11-14 07:02:10 +09:00
|
|
|
bookmark: { id: 'status.bookmark', defaultMessage: 'Bookmark' },
|
2020-01-25 06:37:04 +09:00
|
|
|
more: { id: 'status.more', defaultMessage: 'More' },
|
2017-12-26 04:56:05 +09:00
|
|
|
mute: { id: 'status.mute', defaultMessage: 'Mute @{name}' },
|
|
|
|
muteConversation: { id: 'status.mute_conversation', defaultMessage: 'Mute conversation' },
|
|
|
|
unmuteConversation: { id: 'status.unmute_conversation', defaultMessage: 'Unmute conversation' },
|
|
|
|
block: { id: 'status.block', defaultMessage: 'Block @{name}' },
|
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 10:04:13 +09:00
|
|
|
report: { id: 'status.report', defaultMessage: 'Report @{name}' },
|
2017-07-28 07:55:15 +09:00
|
|
|
share: { id: 'status.share', defaultMessage: 'Share' },
|
2017-08-25 08:41:18 +09:00
|
|
|
pin: { id: 'status.pin', defaultMessage: 'Pin on profile' },
|
|
|
|
unpin: { id: 'status.unpin', defaultMessage: 'Unpin from profile' },
|
2017-08-31 10:38:35 +09:00
|
|
|
embed: { id: 'status.embed', defaultMessage: 'Embed' },
|
2019-01-04 21:10:43 +09:00
|
|
|
admin_account: { id: 'status.admin_account', defaultMessage: 'Open moderation interface for @{name}' },
|
2023-05-24 19:38:50 +09:00
|
|
|
admin_status: { id: 'status.admin_status', defaultMessage: 'Open this post in the moderation interface' },
|
2023-01-05 22:03:46 +09:00
|
|
|
admin_domain: { id: 'status.admin_domain', defaultMessage: 'Open moderation interface for {domain}' },
|
2023-05-24 19:38:50 +09:00
|
|
|
copy: { id: 'status.copy', defaultMessage: 'Copy link to post' },
|
2020-03-06 07:20:49 +09:00
|
|
|
blockDomain: { id: 'account.block_domain', defaultMessage: 'Block domain {domain}' },
|
|
|
|
unblockDomain: { id: 'account.unblock_domain', defaultMessage: 'Unblock domain {domain}' },
|
2019-11-20 05:24:16 +09:00
|
|
|
unmute: { id: 'account.unmute', defaultMessage: 'Unmute @{name}' },
|
|
|
|
unblock: { id: 'account.unblock', defaultMessage: 'Unblock @{name}' },
|
2022-11-10 16:49:35 +09:00
|
|
|
openOriginalPage: { id: 'account.open_original_page', defaultMessage: 'Open original page' },
|
2016-11-18 23:36:16 +09:00
|
|
|
});
|
2016-09-25 21:20:29 +09:00
|
|
|
|
2019-11-20 05:24:16 +09:00
|
|
|
const mapStateToProps = (state, { status }) => ({
|
|
|
|
relationship: state.getIn(['relationships', status.getIn(['account', 'id'])]),
|
|
|
|
});
|
|
|
|
|
2023-05-23 17:52:27 +09:00
|
|
|
class ActionBar extends PureComponent {
|
2016-10-10 05:19:15 +09:00
|
|
|
|
2017-05-12 21:44:10 +09:00
|
|
|
static contextTypes = {
|
2022-07-05 09:41:40 +09:00
|
|
|
identity: PropTypes.object,
|
2017-05-12 21:44:10 +09:00
|
|
|
};
|
|
|
|
|
|
|
|
static propTypes = {
|
|
|
|
status: ImmutablePropTypes.map.isRequired,
|
2019-11-20 05:24:16 +09:00
|
|
|
relationship: ImmutablePropTypes.map,
|
2017-05-12 21:44:10 +09:00
|
|
|
onReply: PropTypes.func.isRequired,
|
|
|
|
onReblog: PropTypes.func.isRequired,
|
|
|
|
onFavourite: PropTypes.func.isRequired,
|
2019-11-14 07:02:10 +09:00
|
|
|
onBookmark: PropTypes.func.isRequired,
|
2017-05-12 21:44:10 +09:00
|
|
|
onDelete: PropTypes.func.isRequired,
|
2022-02-10 08:15:30 +09:00
|
|
|
onEdit: PropTypes.func.isRequired,
|
2018-04-10 00:09:11 +09:00
|
|
|
onDirect: PropTypes.func.isRequired,
|
2017-05-12 21:44:10 +09:00
|
|
|
onMention: PropTypes.func.isRequired,
|
2017-12-26 04:56:05 +09:00
|
|
|
onMute: PropTypes.func,
|
2019-11-20 05:24:16 +09:00
|
|
|
onUnmute: PropTypes.func,
|
2017-12-26 04:56:05 +09:00
|
|
|
onBlock: PropTypes.func,
|
2019-11-20 05:24:16 +09:00
|
|
|
onUnblock: PropTypes.func,
|
|
|
|
onBlockDomain: PropTypes.func,
|
|
|
|
onUnblockDomain: PropTypes.func,
|
|
|
|
onMuteConversation: PropTypes.func,
|
2017-05-12 21:44:10 +09:00
|
|
|
onReport: PropTypes.func,
|
2017-08-25 08:41:18 +09:00
|
|
|
onPin: PropTypes.func,
|
2017-08-31 10:38:35 +09:00
|
|
|
onEmbed: PropTypes.func,
|
2017-05-21 00:31:47 +09:00
|
|
|
intl: PropTypes.object.isRequired,
|
2023-10-20 02:44:55 +09:00
|
|
|
...WithRouterPropTypes,
|
2017-05-12 21:44:10 +09:00
|
|
|
};
|
|
|
|
|
|
|
|
handleReplyClick = () => {
|
2016-11-11 07:21:24 +09:00
|
|
|
this.props.onReply(this.props.status);
|
2023-01-30 09:45:35 +09:00
|
|
|
};
|
2016-11-10 09:32:32 +09:00
|
|
|
|
2017-05-12 21:44:10 +09:00
|
|
|
handleReblogClick = (e) => {
|
2017-04-11 21:34:14 +09:00
|
|
|
this.props.onReblog(this.props.status, e);
|
2023-01-30 09:45:35 +09:00
|
|
|
};
|
2016-11-10 09:32:32 +09:00
|
|
|
|
2017-05-12 21:44:10 +09:00
|
|
|
handleFavouriteClick = () => {
|
2016-11-11 07:21:24 +09:00
|
|
|
this.props.onFavourite(this.props.status);
|
2023-01-30 09:45:35 +09:00
|
|
|
};
|
2016-11-10 09:32:32 +09:00
|
|
|
|
2019-11-14 07:02:10 +09:00
|
|
|
handleBookmarkClick = (e) => {
|
|
|
|
this.props.onBookmark(this.props.status, e);
|
2023-01-30 09:45:35 +09:00
|
|
|
};
|
2019-11-14 07:02:10 +09:00
|
|
|
|
2017-05-12 21:44:10 +09:00
|
|
|
handleDeleteClick = () => {
|
2023-10-20 02:44:55 +09:00
|
|
|
this.props.onDelete(this.props.status, this.props.history);
|
2023-01-30 09:45:35 +09:00
|
|
|
};
|
2016-11-10 09:32:32 +09:00
|
|
|
|
2018-06-05 07:17:38 +09:00
|
|
|
handleRedraftClick = () => {
|
2023-10-20 02:44:55 +09:00
|
|
|
this.props.onDelete(this.props.status, this.props.history, true);
|
2023-01-30 09:45:35 +09:00
|
|
|
};
|
2018-06-05 07:17:38 +09:00
|
|
|
|
2022-02-10 08:15:30 +09:00
|
|
|
handleEditClick = () => {
|
2023-10-20 02:44:55 +09:00
|
|
|
this.props.onEdit(this.props.status, this.props.history);
|
2023-01-30 09:45:35 +09:00
|
|
|
};
|
2022-02-10 08:15:30 +09:00
|
|
|
|
2018-04-10 00:09:11 +09:00
|
|
|
handleDirectClick = () => {
|
2023-10-20 02:44:55 +09:00
|
|
|
this.props.onDirect(this.props.status.get('account'), this.props.history);
|
2023-01-30 09:45:35 +09:00
|
|
|
};
|
2018-04-10 00:09:11 +09:00
|
|
|
|
2017-05-12 21:44:10 +09:00
|
|
|
handleMentionClick = () => {
|
2023-10-20 02:44:55 +09:00
|
|
|
this.props.onMention(this.props.status.get('account'), this.props.history);
|
2023-01-30 09:45:35 +09:00
|
|
|
};
|
2016-11-10 09:32:32 +09:00
|
|
|
|
2017-12-26 04:56:05 +09:00
|
|
|
handleMuteClick = () => {
|
2019-11-20 05:24:16 +09:00
|
|
|
const { status, relationship, onMute, onUnmute } = this.props;
|
|
|
|
const account = status.get('account');
|
2017-12-26 04:56:05 +09:00
|
|
|
|
2019-11-20 05:24:16 +09:00
|
|
|
if (relationship && relationship.get('muting')) {
|
|
|
|
onUnmute(account);
|
|
|
|
} else {
|
|
|
|
onMute(account);
|
|
|
|
}
|
2023-01-30 09:45:35 +09:00
|
|
|
};
|
2017-12-26 04:56:05 +09:00
|
|
|
|
|
|
|
handleBlockClick = () => {
|
2019-11-20 05:24:16 +09:00
|
|
|
const { status, relationship, onBlock, onUnblock } = this.props;
|
|
|
|
const account = status.get('account');
|
|
|
|
|
|
|
|
if (relationship && relationship.get('blocking')) {
|
|
|
|
onUnblock(account);
|
2019-12-03 02:25:24 +09:00
|
|
|
} else {
|
|
|
|
onBlock(status);
|
2019-11-20 05:24:16 +09:00
|
|
|
}
|
2023-01-30 09:45:35 +09:00
|
|
|
};
|
2019-11-20 05:24:16 +09:00
|
|
|
|
|
|
|
handleBlockDomain = () => {
|
|
|
|
const { status, onBlockDomain } = this.props;
|
|
|
|
const account = status.get('account');
|
|
|
|
|
|
|
|
onBlockDomain(account.get('acct').split('@')[1]);
|
2023-01-30 09:45:35 +09:00
|
|
|
};
|
2019-11-20 05:24:16 +09:00
|
|
|
|
|
|
|
handleUnblockDomain = () => {
|
|
|
|
const { status, onUnblockDomain } = this.props;
|
|
|
|
const account = status.get('account');
|
|
|
|
|
|
|
|
onUnblockDomain(account.get('acct').split('@')[1]);
|
2023-01-30 09:45:35 +09:00
|
|
|
};
|
2019-11-20 05:24:16 +09:00
|
|
|
|
|
|
|
handleConversationMuteClick = () => {
|
|
|
|
this.props.onMuteConversation(this.props.status);
|
2023-01-30 09:45:35 +09:00
|
|
|
};
|
2017-12-26 04:56:05 +09:00
|
|
|
|
2017-05-12 21:44:10 +09:00
|
|
|
handleReport = () => {
|
2017-02-15 04:59:26 +09:00
|
|
|
this.props.onReport(this.props.status);
|
2023-01-30 09:45:35 +09:00
|
|
|
};
|
2017-02-15 04:59:26 +09:00
|
|
|
|
2017-08-25 08:41:18 +09:00
|
|
|
handlePinClick = () => {
|
|
|
|
this.props.onPin(this.props.status);
|
2023-01-30 09:45:35 +09:00
|
|
|
};
|
2017-08-25 08:41:18 +09:00
|
|
|
|
2017-07-28 07:55:15 +09:00
|
|
|
handleShare = () => {
|
|
|
|
navigator.share({
|
|
|
|
url: this.props.status.get('url'),
|
|
|
|
});
|
2023-01-30 09:45:35 +09:00
|
|
|
};
|
2017-07-28 07:55:15 +09:00
|
|
|
|
2017-08-31 10:38:35 +09:00
|
|
|
handleEmbed = () => {
|
|
|
|
this.props.onEmbed(this.props.status);
|
2023-01-30 09:45:35 +09:00
|
|
|
};
|
2017-08-31 10:38:35 +09:00
|
|
|
|
2019-02-11 12:19:49 +09:00
|
|
|
handleCopy = () => {
|
2022-11-10 16:49:35 +09:00
|
|
|
const url = this.props.status.get('url');
|
|
|
|
navigator.clipboard.writeText(url);
|
2023-01-30 09:45:35 +09:00
|
|
|
};
|
2019-02-11 12:19:49 +09:00
|
|
|
|
2016-09-25 21:20:29 +09:00
|
|
|
render () {
|
2019-11-20 05:24:16 +09:00
|
|
|
const { status, relationship, intl } = this.props;
|
2022-10-07 17:14:31 +09:00
|
|
|
const { signedIn, permissions } = this.context.identity;
|
2016-10-10 05:19:15 +09:00
|
|
|
|
2021-02-11 09:05:04 +09:00
|
|
|
const publicStatus = ['public', 'unlisted'].includes(status.get('visibility'));
|
2022-01-17 08:49:55 +09:00
|
|
|
const pinnableStatus = ['public', 'unlisted', 'private'].includes(status.get('visibility'));
|
2017-12-26 04:56:05 +09:00
|
|
|
const mutingConversation = status.get('muted');
|
2019-11-20 05:24:16 +09:00
|
|
|
const account = status.get('account');
|
2021-02-11 09:05:04 +09:00
|
|
|
const writtenByMe = status.getIn(['account', 'id']) === me;
|
2022-11-10 16:49:35 +09:00
|
|
|
const isRemote = status.getIn(['account', 'username']) !== status.getIn(['account', 'acct']);
|
2017-09-02 21:01:44 +09:00
|
|
|
|
2016-10-10 05:19:15 +09:00
|
|
|
let menu = [];
|
|
|
|
|
2023-07-09 03:00:52 +09:00
|
|
|
if (publicStatus && isRemote) {
|
|
|
|
menu.push({ text: intl.formatMessage(messages.openOriginalPage), href: status.get('url') });
|
|
|
|
}
|
2022-11-10 16:49:35 +09:00
|
|
|
|
2023-07-09 03:00:52 +09:00
|
|
|
menu.push({ text: intl.formatMessage(messages.copy), action: this.handleCopy });
|
2023-05-24 18:04:43 +09:00
|
|
|
|
2023-07-09 03:00:52 +09:00
|
|
|
if (publicStatus && 'share' in navigator) {
|
|
|
|
menu.push({ text: intl.formatMessage(messages.share), action: this.handleShare });
|
|
|
|
}
|
2023-05-24 18:04:43 +09:00
|
|
|
|
2023-07-13 22:53:03 +09:00
|
|
|
if (publicStatus && (signedIn || !isRemote)) {
|
2017-09-02 21:01:44 +09:00
|
|
|
menu.push({ text: intl.formatMessage(messages.embed), action: this.handleEmbed });
|
|
|
|
}
|
2017-08-31 10:38:35 +09:00
|
|
|
|
2023-07-09 03:00:52 +09:00
|
|
|
if (signedIn) {
|
2017-03-01 08:53:11 +09:00
|
|
|
menu.push(null);
|
2019-11-20 05:24:16 +09:00
|
|
|
|
2023-07-09 03:00:52 +09:00
|
|
|
if (writtenByMe) {
|
|
|
|
if (pinnableStatus) {
|
|
|
|
menu.push({ text: intl.formatMessage(status.get('pinned') ? messages.unpin : messages.pin), action: this.handlePinClick });
|
|
|
|
menu.push(null);
|
|
|
|
}
|
2019-11-20 05:24:16 +09:00
|
|
|
|
2023-07-09 03:00:52 +09:00
|
|
|
menu.push({ text: intl.formatMessage(mutingConversation ? messages.unmuteConversation : messages.muteConversation), action: this.handleConversationMuteClick });
|
|
|
|
menu.push(null);
|
|
|
|
menu.push({ text: intl.formatMessage(messages.edit), action: this.handleEditClick });
|
|
|
|
menu.push({ text: intl.formatMessage(messages.delete), action: this.handleDeleteClick, dangerous: true });
|
|
|
|
menu.push({ text: intl.formatMessage(messages.redraft), action: this.handleRedraftClick, dangerous: true });
|
2019-11-20 05:24:16 +09:00
|
|
|
} else {
|
2023-07-09 03:00:52 +09:00
|
|
|
menu.push({ text: intl.formatMessage(messages.mention, { name: status.getIn(['account', 'username']) }), action: this.handleMentionClick });
|
2019-11-20 05:24:16 +09:00
|
|
|
menu.push(null);
|
|
|
|
|
2023-07-09 03:00:52 +09:00
|
|
|
if (relationship && relationship.get('muting')) {
|
|
|
|
menu.push({ text: intl.formatMessage(messages.unmute, { name: account.get('username') }), action: this.handleMuteClick });
|
2019-11-20 05:24:16 +09:00
|
|
|
} else {
|
2023-07-09 03:00:52 +09:00
|
|
|
menu.push({ text: intl.formatMessage(messages.mute, { name: account.get('username') }), action: this.handleMuteClick, dangerous: true });
|
2019-11-20 05:24:16 +09:00
|
|
|
}
|
|
|
|
|
2023-07-09 03:00:52 +09:00
|
|
|
if (relationship && relationship.get('blocking')) {
|
|
|
|
menu.push({ text: intl.formatMessage(messages.unblock, { name: account.get('username') }), action: this.handleBlockClick });
|
|
|
|
} else {
|
|
|
|
menu.push({ text: intl.formatMessage(messages.block, { name: account.get('username') }), action: this.handleBlockClick, dangerous: true });
|
2023-01-05 22:03:46 +09:00
|
|
|
}
|
2023-07-09 03:00:52 +09:00
|
|
|
|
|
|
|
menu.push({ text: intl.formatMessage(messages.report, { name: status.getIn(['account', 'username']) }), action: this.handleReport, dangerous: true });
|
|
|
|
|
|
|
|
if (account.get('acct') !== account.get('username')) {
|
2023-01-05 22:03:46 +09:00
|
|
|
const domain = account.get('acct').split('@')[1];
|
2023-07-09 03:00:52 +09:00
|
|
|
|
|
|
|
menu.push(null);
|
|
|
|
|
|
|
|
if (relationship && relationship.get('domain_blocking')) {
|
|
|
|
menu.push({ text: intl.formatMessage(messages.unblockDomain, { domain }), action: this.handleUnblockDomain });
|
|
|
|
} else {
|
|
|
|
menu.push({ text: intl.formatMessage(messages.blockDomain, { domain }), action: this.handleBlockDomain, dangerous: true });
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
if ((permissions & PERMISSION_MANAGE_USERS) === PERMISSION_MANAGE_USERS || (isRemote && (permissions & PERMISSION_MANAGE_FEDERATION) === PERMISSION_MANAGE_FEDERATION)) {
|
|
|
|
menu.push(null);
|
|
|
|
if ((permissions & PERMISSION_MANAGE_USERS) === PERMISSION_MANAGE_USERS) {
|
|
|
|
menu.push({ text: intl.formatMessage(messages.admin_account, { name: status.getIn(['account', 'username']) }), href: `/admin/accounts/${status.getIn(['account', 'id'])}` });
|
|
|
|
menu.push({ text: intl.formatMessage(messages.admin_status), href: `/admin/accounts/${status.getIn(['account', 'id'])}/statuses/${status.get('id')}` });
|
|
|
|
}
|
|
|
|
if (isRemote && (permissions & PERMISSION_MANAGE_FEDERATION) === PERMISSION_MANAGE_FEDERATION) {
|
|
|
|
const domain = account.get('acct').split('@')[1];
|
|
|
|
menu.push({ text: intl.formatMessage(messages.admin_domain, { domain: domain }), href: `/admin/instances/${domain}` });
|
|
|
|
}
|
2023-01-05 22:03:46 +09:00
|
|
|
}
|
2019-01-04 21:10:43 +09:00
|
|
|
}
|
2016-10-10 05:19:15 +09:00
|
|
|
}
|
2016-09-25 21:20:29 +09:00
|
|
|
|
2018-12-28 11:51:32 +09:00
|
|
|
let replyIcon;
|
2023-10-25 02:45:08 +09:00
|
|
|
let replyIconComponent;
|
2023-11-13 23:39:45 +09:00
|
|
|
|
2018-12-28 11:51:32 +09:00
|
|
|
if (status.get('in_reply_to_id', null) === null) {
|
|
|
|
replyIcon = 'reply';
|
2023-10-25 02:45:08 +09:00
|
|
|
replyIconComponent = ReplyIcon;
|
2018-12-28 11:51:32 +09:00
|
|
|
} else {
|
|
|
|
replyIcon = 'reply-all';
|
2023-10-25 02:45:08 +09:00
|
|
|
replyIconComponent = ReplyAllIcon;
|
2018-12-28 11:51:32 +09:00
|
|
|
}
|
|
|
|
|
2020-06-26 05:44:19 +09:00
|
|
|
const reblogPrivate = status.getIn(['account', 'id']) === me && status.get('visibility') === 'private';
|
|
|
|
|
2023-11-13 23:39:45 +09:00
|
|
|
let reblogTitle, reblogIconComponent;
|
|
|
|
|
2020-06-26 05:44:19 +09:00
|
|
|
if (status.get('reblogged')) {
|
|
|
|
reblogTitle = intl.formatMessage(messages.cancel_reblog_private);
|
2024-01-24 21:37:43 +09:00
|
|
|
reblogIconComponent = publicStatus ? RepeatActiveIcon : RepeatPrivateActiveIcon;
|
2020-06-26 05:44:19 +09:00
|
|
|
} else if (publicStatus) {
|
|
|
|
reblogTitle = intl.formatMessage(messages.reblog);
|
2023-11-13 23:39:45 +09:00
|
|
|
reblogIconComponent = RepeatIcon;
|
2020-06-26 05:44:19 +09:00
|
|
|
} else if (reblogPrivate) {
|
|
|
|
reblogTitle = intl.formatMessage(messages.reblog_private);
|
2023-11-13 23:39:45 +09:00
|
|
|
reblogIconComponent = RepeatPrivateIcon;
|
2020-06-26 05:44:19 +09:00
|
|
|
} else {
|
|
|
|
reblogTitle = intl.formatMessage(messages.cannot_reblog);
|
2023-11-13 23:39:45 +09:00
|
|
|
reblogIconComponent = RepeatDisabledIcon;
|
2020-06-26 05:44:19 +09:00
|
|
|
}
|
2017-04-15 09:57:26 +09:00
|
|
|
|
2016-09-25 21:20:29 +09:00
|
|
|
return (
|
2017-02-09 09:20:09 +09:00
|
|
|
<div className='detailed-status__action-bar'>
|
2023-10-25 02:45:08 +09:00
|
|
|
<div className='detailed-status__button'><IconButton title={intl.formatMessage(messages.reply)} icon={status.get('in_reply_to_account_id') === status.getIn(['account', 'id']) ? 'reply' : replyIcon} iconComponent={status.get('in_reply_to_account_id') === status.getIn(['account', 'id']) ? ReplyIcon : replyIconComponent} onClick={this.handleReplyClick} /></div>
|
2023-11-13 23:39:45 +09:00
|
|
|
<div className='detailed-status__button'><IconButton className={classNames({ reblogPrivate })} disabled={!publicStatus && !reblogPrivate} active={status.get('reblogged')} title={reblogTitle} icon='retweet' iconComponent={reblogIconComponent} onClick={this.handleReblogClick} /></div>
|
2023-10-25 02:45:08 +09:00
|
|
|
<div className='detailed-status__button'><IconButton className='star-icon' animate active={status.get('favourited')} title={intl.formatMessage(messages.favourite)} icon='star' iconComponent={status.get('favourited') ? StarIcon : StarBorderIcon} onClick={this.handleFavouriteClick} /></div>
|
|
|
|
<div className='detailed-status__button'><IconButton className='bookmark-icon' disabled={!signedIn} active={status.get('bookmarked')} title={intl.formatMessage(messages.bookmark)} icon='bookmark' iconComponent={status.get('bookmarked') ? BookmarkIcon : BookmarkBorderIcon} onClick={this.handleBookmarkClick} /></div>
|
2017-05-11 07:28:10 +09:00
|
|
|
|
|
|
|
<div className='detailed-status__action-bar-dropdown'>
|
2023-10-25 02:45:08 +09:00
|
|
|
<DropdownMenuContainer icon='ellipsis-h' iconComponent={MoreHorizIcon} status={status} items={menu} direction='left' title={intl.formatMessage(messages.more)} />
|
2017-05-11 07:28:10 +09:00
|
|
|
</div>
|
2016-09-25 21:20:29 +09:00
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2017-04-22 03:05:35 +09:00
|
|
|
}
|
2023-03-24 11:17:53 +09:00
|
|
|
|
2023-10-20 02:44:55 +09:00
|
|
|
export default withRouter(connect(mapStateToProps)(injectIntl(ActionBar)));
|