237 lines
7.7 KiB
JavaScript
237 lines
7.7 KiB
JavaScript
import ImmutablePropTypes from 'react-immutable-proptypes'
|
|
import ImmutablePureComponent from 'react-immutable-pure-component'
|
|
import { defineMessages, injectIntl } from 'react-intl'
|
|
import { me, isStaff } from '../../initial_state'
|
|
import PopoverLayout from './popover_layout'
|
|
import List from '../list'
|
|
|
|
const messages = defineMessages({
|
|
delete: { id: 'status.delete', defaultMessage: 'Delete' },
|
|
edit: { id: 'status.edit', defaultMessage: 'Edit' },
|
|
mute: { id: 'account.mute', defaultMessage: 'Mute @{name}' },
|
|
block: { id: 'account.block', defaultMessage: 'Block @{name}' },
|
|
reply: { id: 'status.reply', defaultMessage: 'Reply' },
|
|
more: { id: 'status.more', defaultMessage: 'More' },
|
|
share: { id: 'status.share', defaultMessage: 'Share' },
|
|
replyAll: { id: 'status.replyAll', defaultMessage: 'Reply to thread' },
|
|
repost: { id: 'repost', defaultMessage: 'Repost' },
|
|
quote: { id: 'status.quote', defaultMessage: 'Quote' },
|
|
repost_private: { id: 'status.repost_private', defaultMessage: 'Repost to original audience' },
|
|
cancel_repost_private: { id: 'status.cancel_repost_private', defaultMessage: 'Remove Repost' },
|
|
cannot_repost: { id: 'status.cannot_repost', defaultMessage: 'This post cannot be reposted' },
|
|
cannot_quote: { id: 'status.cannot_quote', defaultMessage: 'This post cannot be quoted' },
|
|
like: { id: 'status.like', defaultMessage: 'Like' },
|
|
report: { id: 'status.report', defaultMessage: 'Report @{name}' },
|
|
muteConversation: { id: 'status.mute_conversation', defaultMessage: 'Mute conversation' },
|
|
unmuteConversation: { id: 'status.unmute_conversation', defaultMessage: 'Unmute conversation' },
|
|
pin: { id: 'status.pin', defaultMessage: 'Pin on profile' },
|
|
unpin: { id: 'status.unpin', defaultMessage: 'Unpin from profile' },
|
|
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' },
|
|
group_remove_account: { id: 'status.remove_account_from_group', defaultMessage: 'Remove account from group' },
|
|
group_remove_post: { id: 'status.remove_post_from_group', defaultMessage: 'Remove status from group' },
|
|
})
|
|
|
|
const mapStateToProps = (state) => ({
|
|
|
|
})
|
|
|
|
const mapDispatchToProps = (dispatch) => ({
|
|
|
|
})
|
|
|
|
export default
|
|
@injectIntl
|
|
@connect(mapStateToProps, mapDispatchToProps)
|
|
class StatusOptionsPopover extends ImmutablePureComponent {
|
|
|
|
static propTypes = {
|
|
status: ImmutablePropTypes.map.isRequired,
|
|
account: ImmutablePropTypes.map.isRequired,
|
|
onOpenUnauthorizedModal: PropTypes.func.isRequired,
|
|
onOpenStatusSharePopover: PropTypes.func.isRequired,
|
|
onReply: PropTypes.func,
|
|
onQuote: PropTypes.func,
|
|
onFavorite: PropTypes.func,
|
|
onRepost: PropTypes.func,
|
|
onDelete: PropTypes.func,
|
|
onMention: PropTypes.func,
|
|
onMute: PropTypes.func,
|
|
onBlock: PropTypes.func,
|
|
onReport: PropTypes.func,
|
|
onMuteConversation: PropTypes.func,
|
|
onPin: PropTypes.func,
|
|
intl: PropTypes.object.isRequired,
|
|
}
|
|
|
|
updateOnProps = [
|
|
'status',
|
|
'account',
|
|
]
|
|
|
|
handleConversationMuteClick = () => {
|
|
this.props.onMuteConversation(this.props.status);
|
|
}
|
|
|
|
handleGroupRemoveAccount = () => {
|
|
const { status } = this.props;
|
|
|
|
this.props.onGroupRemoveAccount(status.getIn(['group', 'id']), status.getIn(['account', 'id']));
|
|
}
|
|
|
|
handleGroupRemovePost = () => {
|
|
const { status } = this.props;
|
|
|
|
this.props.onGroupRemoveStatus(status.getIn(['group', 'id']), status.get('id'));
|
|
}
|
|
|
|
handleReport = () => {
|
|
this.props.onReport(this.props.status);
|
|
}
|
|
|
|
handleBlockClick = () => {
|
|
this.props.onBlock(this.props.status);
|
|
}
|
|
|
|
handleMuteClick = () => {
|
|
this.props.onMute(this.props.status.get('account'));
|
|
}
|
|
|
|
handleMentionClick = () => {
|
|
this.props.onMention(this.props.status.get('account'), this.context.router.history);
|
|
}
|
|
|
|
handlePinClick = () => {
|
|
this.props.onPin(this.props.status);
|
|
}
|
|
|
|
handleDeleteClick = () => {
|
|
this.props.onDelete(this.props.status, this.context.router.history);
|
|
}
|
|
|
|
handleEditClick = () => {
|
|
this.props.onEdit(this.props.status);
|
|
}
|
|
|
|
handleRepostClick = (e) => {
|
|
if (me) {
|
|
// this.props.onRepost(this.props.status, e)
|
|
this.props.onQuote(this.props.status, this.context.router.history)
|
|
} else {
|
|
this.props.onOpenUnauthorizedModal()
|
|
}
|
|
}
|
|
|
|
render() {
|
|
const {
|
|
status,
|
|
intl,
|
|
account,
|
|
} = this.props
|
|
|
|
const mutingConversation = status.get('muted')
|
|
const publicStatus = ['public', 'unlisted'].includes(status.get('visibility'))
|
|
|
|
let menu = [];
|
|
|
|
if (me) {
|
|
// if (status.getIn(['account', 'id']) === me) {
|
|
menu.push({
|
|
icon: 'audio-mute',
|
|
hideArrow: true,
|
|
title: intl.formatMessage(mutingConversation ? messages.unmuteConversation : messages.muteConversation),
|
|
onClick: this.handleConversationMuteClick,
|
|
})
|
|
// }
|
|
|
|
// if (status.getIn(['account', 'id']) === me) {
|
|
// if (publicStatus) {
|
|
menu.push({
|
|
icon: 'pin',
|
|
hideArrow: true,
|
|
title: intl.formatMessage(status.get('pinned') ? messages.unpin : messages.pin),
|
|
onClick: this.handlePinClick,
|
|
})
|
|
// } else {
|
|
// if (status.get('visibility') === 'private') {
|
|
menu.push({
|
|
icon: 'repost',
|
|
hideArrow: true,
|
|
title: intl.formatMessage(status.get('reblogged') ? messages.cancel_repost_private : messages.repost_private),
|
|
onClick: this.handleRepostClick
|
|
})
|
|
// }
|
|
// }
|
|
menu.push({
|
|
icon: 'trash',
|
|
hideArrow: true,
|
|
title: intl.formatMessage(messages.delete),
|
|
action: this.handleDeleteClick
|
|
});
|
|
menu.push({
|
|
icon: 'pencil',
|
|
hideArrow: true,
|
|
title: intl.formatMessage(messages.edit), action:
|
|
this.handleEditClick
|
|
});
|
|
// } else {
|
|
menu.push({
|
|
icon: 'audio-mute',
|
|
hideArrow: true,
|
|
title: intl.formatMessage(messages.mute, { name: status.getIn(['account', 'username']) }),
|
|
action: this.handleMuteClick
|
|
});
|
|
menu.push({
|
|
icon: 'circle',
|
|
hideArrow: true,
|
|
title: intl.formatMessage(messages.block, { name: status.getIn(['account', 'username']) }),
|
|
action: this.handleBlockClick
|
|
});
|
|
menu.push({
|
|
icon: 'circle',
|
|
hideArrow: true,
|
|
title: intl.formatMessage(messages.report, { name: status.getIn(['account', 'username']) }),
|
|
action: this.handleReport
|
|
});
|
|
|
|
// : todo :
|
|
// if (withGroupAdmin) {
|
|
menu.push({
|
|
icon: 'circle',
|
|
hideArrow: true,
|
|
title: intl.formatMessage(messages.group_remove_account),
|
|
action: this.handleGroupRemoveAccount
|
|
});
|
|
menu.push({
|
|
icon: 'circle',
|
|
hideArrow: true,
|
|
title: intl.formatMessage(messages.group_remove_post),
|
|
action: this.handleGroupRemovePost
|
|
});
|
|
// }
|
|
|
|
// if (isStaff) {
|
|
menu.push({
|
|
title: intl.formatMessage(messages.admin_account, { name: status.getIn(['account', 'username']) }),
|
|
href: `/admin/accounts/${status.getIn(['account', 'id'])}`
|
|
});
|
|
menu.push({
|
|
title: intl.formatMessage(messages.admin_status),
|
|
href: `/admin/accounts/${status.getIn(['account', 'id'])}/statuses/${status.get('id')}`
|
|
});
|
|
// }
|
|
// }
|
|
}
|
|
|
|
return (
|
|
<PopoverLayout className={_s.width240PX}>
|
|
<List
|
|
size='large'
|
|
scrollKey='profile_options'
|
|
items={menu}
|
|
/>
|
|
</PopoverLayout>
|
|
)
|
|
}
|
|
|
|
} |