fdd1848c7c
* Add some explanation to the mute modal dialog * Remove `isSubmitting` from mute modal code, this wasn't used * Refactor block modal Signed-off-by: Thibaut Girka <thib@sitedethib.com> * Refactor SCSS a bit * Put mute modal toggle to the same side as in the report dialog for consistency * Reword mute explanation * Fix mute explanation styling * Left-align all text in mute confirmation modal
125 lines
4 KiB
JavaScript
125 lines
4 KiB
JavaScript
import React from 'react';
|
|
import { connect } from 'react-redux';
|
|
import { makeGetAccount } from '../../../selectors';
|
|
import Header from '../components/header';
|
|
import {
|
|
followAccount,
|
|
unfollowAccount,
|
|
unblockAccount,
|
|
unmuteAccount,
|
|
pinAccount,
|
|
unpinAccount,
|
|
} from '../../../actions/accounts';
|
|
import {
|
|
mentionCompose,
|
|
directCompose,
|
|
} from '../../../actions/compose';
|
|
import { initMuteModal } from '../../../actions/mutes';
|
|
import { initBlockModal } from '../../../actions/blocks';
|
|
import { initReport } from '../../../actions/reports';
|
|
import { openModal } from '../../../actions/modal';
|
|
import { blockDomain, unblockDomain } from '../../../actions/domain_blocks';
|
|
import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
|
|
import { unfollowModal } from '../../../initial_state';
|
|
import { List as ImmutableList } from 'immutable';
|
|
|
|
const messages = defineMessages({
|
|
unfollowConfirm: { id: 'confirmations.unfollow.confirm', defaultMessage: 'Unfollow' },
|
|
blockDomainConfirm: { id: 'confirmations.domain_block.confirm', defaultMessage: 'Hide entire domain' },
|
|
});
|
|
|
|
const makeMapStateToProps = () => {
|
|
const getAccount = makeGetAccount();
|
|
|
|
const mapStateToProps = (state, { accountId }) => ({
|
|
account: getAccount(state, accountId),
|
|
domain: state.getIn(['meta', 'domain']),
|
|
identity_proofs: state.getIn(['identity_proofs', accountId], ImmutableList()),
|
|
});
|
|
|
|
return mapStateToProps;
|
|
};
|
|
|
|
const mapDispatchToProps = (dispatch, { intl }) => ({
|
|
|
|
onFollow (account) {
|
|
if (account.getIn(['relationship', 'following']) || account.getIn(['relationship', 'requested'])) {
|
|
if (unfollowModal) {
|
|
dispatch(openModal('CONFIRM', {
|
|
message: <FormattedMessage id='confirmations.unfollow.message' defaultMessage='Are you sure you want to unfollow {name}?' values={{ name: <strong>@{account.get('acct')}</strong> }} />,
|
|
confirm: intl.formatMessage(messages.unfollowConfirm),
|
|
onConfirm: () => dispatch(unfollowAccount(account.get('id'))),
|
|
}));
|
|
} else {
|
|
dispatch(unfollowAccount(account.get('id')));
|
|
}
|
|
} else {
|
|
dispatch(followAccount(account.get('id')));
|
|
}
|
|
},
|
|
|
|
onBlock (account) {
|
|
if (account.getIn(['relationship', 'blocking'])) {
|
|
dispatch(unblockAccount(account.get('id')));
|
|
} else {
|
|
dispatch(initBlockModal(account));
|
|
}
|
|
},
|
|
|
|
onMention (account, router) {
|
|
dispatch(mentionCompose(account, router));
|
|
},
|
|
|
|
onDirect (account, router) {
|
|
dispatch(directCompose(account, router));
|
|
},
|
|
|
|
onReblogToggle (account) {
|
|
if (account.getIn(['relationship', 'showing_reblogs'])) {
|
|
dispatch(followAccount(account.get('id'), false));
|
|
} else {
|
|
dispatch(followAccount(account.get('id'), true));
|
|
}
|
|
},
|
|
|
|
onEndorseToggle (account) {
|
|
if (account.getIn(['relationship', 'endorsed'])) {
|
|
dispatch(unpinAccount(account.get('id')));
|
|
} else {
|
|
dispatch(pinAccount(account.get('id')));
|
|
}
|
|
},
|
|
|
|
onReport (account) {
|
|
dispatch(initReport(account));
|
|
},
|
|
|
|
onMute (account) {
|
|
if (account.getIn(['relationship', 'muting'])) {
|
|
dispatch(unmuteAccount(account.get('id')));
|
|
} else {
|
|
dispatch(initMuteModal(account));
|
|
}
|
|
},
|
|
|
|
onBlockDomain (domain) {
|
|
dispatch(openModal('CONFIRM', {
|
|
message: <FormattedMessage id='confirmations.domain_block.message' defaultMessage='Are you really, really sure you want to block the entire {domain}? In most cases a few targeted blocks or mutes are sufficient and preferable. You will not see content from that domain in any public timelines or your notifications. Your followers from that domain will be removed.' values={{ domain: <strong>{domain}</strong> }} />,
|
|
confirm: intl.formatMessage(messages.blockDomainConfirm),
|
|
onConfirm: () => dispatch(blockDomain(domain)),
|
|
}));
|
|
},
|
|
|
|
onUnblockDomain (domain) {
|
|
dispatch(unblockDomain(domain));
|
|
},
|
|
|
|
onAddToList(account){
|
|
dispatch(openModal('LIST_ADDER', {
|
|
accountId: account.get('id'),
|
|
}));
|
|
},
|
|
|
|
});
|
|
|
|
export default injectIntl(connect(makeMapStateToProps, mapDispatchToProps)(Header));
|