gab-social/app/javascript/gabsocial/components/modal/unfollow_modal.js

50 lines
1.5 KiB
JavaScript
Raw Normal View History

import React from 'react'
import PropTypes from 'prop-types'
import { connect } from 'react-redux'
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'
2020-03-24 04:39:12 +00:00
class UnfollowModal extends ImmutablePureComponent {
2020-03-24 04:39:12 +00:00
handleClick = () => {
this.props.onClose()
this.props.onConfirm(this.props.account.get('id'))
2020-03-24 04:39:12 +00:00
}
handleCancel = () => {
this.props.onClose()
}
render() {
const { account } = this.props
2020-03-24 04:39:12 +00:00
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}
2020-03-24 04:39:12 +00:00
/>
)
}
}
const mapDispatchToProps = (dispatch) => ({
onConfirm(accountId) {
dispatch(unfollowAccount(accountId))
},
})
UnfollowModal.propTypes = {
isSubmitting: PropTypes.bool.isRequired,
account: ImmutablePropTypes.map.isRequired,
onConfirm: PropTypes.func.isRequired,
onClose: PropTypes.func.isRequired,
}
export default connect(null, mapDispatchToProps)(UnfollowModal)