gab-social/app/javascript/gabsocial/components/modal/unfollow_modal.js
mgabdev dd00db13bc Updated UnfollowModal
• Updated:
- UnfollowModal to fix the issue with people with it enabled being unable to unfollow others
- All instances of instantiating the UnfollowModal to pass in account instead of accountId
2020-06-12 17:55:39 -04:00

48 lines
1.4 KiB
JavaScript

import { FormattedMessage } from 'react-intl'
import ImmutablePureComponent from 'react-immutable-pure-component'
import ImmutablePropTypes from 'react-immutable-proptypes'
import { unfollowAccount } from '../../actions/accounts'
import ConfirmationModal from './confirmation_modal'
const mapDispatchToProps = (dispatch) => ({
onConfirm(accountId) {
dispatch(unfollowAccount(accountId))
},
})
export default
@connect(null, mapDispatchToProps)
class UnfollowModal extends ImmutablePureComponent {
static propTypes = {
isSubmitting: PropTypes.bool.isRequired,
account: ImmutablePropTypes.map.isRequired,
onConfirm: PropTypes.func.isRequired,
onClose: PropTypes.func.isRequired,
}
handleClick = () => {
this.props.onClose()
this.props.onConfirm(this.props.account.get('id'))
}
handleCancel = () => {
this.props.onClose()
}
render() {
const { account } = this.props
return (
<ConfirmationModal
title={`Unfollow @${account.get('acct')}`}
message={<FormattedMessage id='confirmations.unfollow.message' defaultMessage='Are you sure you want to unfollow {name}?' values={{ name: <strong>@{account.get('acct')}</strong> }} />}
confirm={<FormattedMessage id='confirmations.unfollow.confirm' defaultMessage='Unfollow' />}
onClose={this.handleCancel}
onConfirm={this.handleClick}
/>
)
}
}