Progress

app/javascript/gabsocial/components/modal/block_account_modal.js

@@ -0,0 +1,73 @@
+import { injectIntl, defineMessages } from 'react-intl'
+import { makeGetAccount } from '../../selectors'
+import { closeModal } from '../../actions/modal'
+import { blockAccount } from '../../actions/accounts'
+import ConfirmationModal from './confirmation_modal'
+
+const messages = defineMessages({
+  title: { id: 'block_title', defaultMessage: 'Block {name}' },
+  muteMessage: { id: 'confirmations.block.message', defaultMessage: 'Are you sure you want to block {name}?' },
+  block: { id: 'confirmations.block.confirm', defaultMessage: 'Block' },
+})
+
+const mapStateToProps = (state, { accountId }) => {
+  const getAccount = makeGetAccount()
+
+  return {
+    account: getAccount(state, accountId),
+  }
+}
+
+const mapDispatchToProps = dispatch => {
+  return {
+    onConfirm(account) {
+      dispatch(blockAccount(account.get('id')))
+    },
+    onClose() {
+      dispatch(closeModal())
+    },
+  }
+}
+
+export default
+@connect(mapStateToProps, mapDispatchToProps)
+@injectIntl
+class BlockAccountModal extends PureComponent {
+
+  static propTypes = {
+    account: PropTypes.object.isRequired,
+    onConfirm: PropTypes.func.isRequired,
+    onClose: PropTypes.func.isRequired,
+    intl: PropTypes.object.isRequired,
+  }
+
+  handleClick = () => {
+    this.props.onConfirm(this.props.account)
+  }
+
+  handleClose = () => {
+    this.props.onClose()
+  }
+
+  render() {
+    const { account, intl } = this.props
+
+    const title = intl.formatMessage(messages.title, {
+      name: !!account ? account.get('acct') : '',
+    })
+    const message = intl.formatMessage(messages.muteMessage, {
+      name: !!account ? account.get('acct') : '',
+    })
+
+    return (
+      <ConfirmationModal
+        title={title}
+        message={message}
+        confirm={intl.formatMessage(messages.block)}
+        onClose={this.handleClose}
+        onConfirm={this.handleClick}
+      />
+    )
+  }
+
+}