f1ab70649b
* Add buttons to block and unblock domain * Relationship API now returns "domain_blocking" status for accounts, rename "block entire domain" to "hide entire domain", fix unblocking domain, do not block notifications from domain-blocked-but-followed people, do not send Salmons to domain blocked users * Add test * Personal domain blocks shouldn't affect Salmon after all, since in this direction of communication the control is very thin when it comes to public stuff. Best stay consistent and not affect federation in this way * Ignore followers and follow request from domain blocked folks, ensure account domain blocks are not created for empty domain, and avoid duplicates in validation * Purge followers when blocking domain (without soft-blocks, since they are useless here) * Add tests, fix local timeline being empty when having any domain blocks
96 lines
2.3 KiB
JavaScript
96 lines
2.3 KiB
JavaScript
import React from 'react';
|
|
import ImmutablePropTypes from 'react-immutable-proptypes';
|
|
import PropTypes from 'prop-types';
|
|
import InnerHeader from '../../account/components/header';
|
|
import ActionBar from '../../account/components/action_bar';
|
|
import MissingIndicator from '../../../components/missing_indicator';
|
|
import ImmutablePureComponent from 'react-immutable-pure-component';
|
|
|
|
class Header extends ImmutablePureComponent {
|
|
|
|
static propTypes = {
|
|
account: ImmutablePropTypes.map,
|
|
me: PropTypes.number.isRequired,
|
|
onFollow: PropTypes.func.isRequired,
|
|
onBlock: PropTypes.func.isRequired,
|
|
onMention: PropTypes.func.isRequired,
|
|
onReport: PropTypes.func.isRequired,
|
|
onMute: PropTypes.func.isRequired,
|
|
onBlockDomain: PropTypes.func.isRequired,
|
|
onUnblockDomain: PropTypes.func.isRequired,
|
|
};
|
|
|
|
static contextTypes = {
|
|
router: PropTypes.object
|
|
};
|
|
|
|
handleFollow = () => {
|
|
this.props.onFollow(this.props.account);
|
|
}
|
|
|
|
handleBlock = () => {
|
|
this.props.onBlock(this.props.account);
|
|
}
|
|
|
|
handleMention = () => {
|
|
this.props.onMention(this.props.account, this.context.router);
|
|
}
|
|
|
|
handleReport = () => {
|
|
this.props.onReport(this.props.account);
|
|
this.context.router.push('/report');
|
|
}
|
|
|
|
handleMute = () => {
|
|
this.props.onMute(this.props.account);
|
|
}
|
|
|
|
handleBlockDomain = () => {
|
|
const domain = this.props.account.get('acct').split('@')[1];
|
|
|
|
if (!domain) return;
|
|
|
|
this.props.onBlockDomain(domain, this.props.account.get('id'));
|
|
}
|
|
|
|
handleUnblockDomain = () => {
|
|
const domain = this.props.account.get('acct').split('@')[1];
|
|
|
|
if (!domain) return;
|
|
|
|
this.props.onUnblockDomain(domain, this.props.account.get('id'));
|
|
}
|
|
|
|
render () {
|
|
const { account, me } = this.props;
|
|
|
|
if (account === null) {
|
|
return <MissingIndicator />;
|
|
}
|
|
|
|
return (
|
|
<div className='account-timeline__header'>
|
|
<InnerHeader
|
|
account={account}
|
|
me={me}
|
|
onFollow={this.handleFollow}
|
|
/>
|
|
|
|
<ActionBar
|
|
account={account}
|
|
me={me}
|
|
onBlock={this.handleBlock}
|
|
onMention={this.handleMention}
|
|
onReport={this.handleReport}
|
|
onMute={this.handleMute}
|
|
onBlockDomain={this.handleBlockDomain}
|
|
onUnblockDomain={this.handleUnblockDomain}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
}
|
|
|
|
export default Header;
|