Progress

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

@@ -0,0 +1,55 @@
+import { injectIntl, defineMessages } from 'react-intl'
+import { makeGetAccount } from '../../selectors'
+import { blockAccount } from '../../actions/accounts'
+import ConfirmationModal from './confirmation_modal'
+
+const messages = defineMessages({
+  title: { id: 'group_delete_title', defaultMessage: 'Delete "{group}"' },
+  groupMessage: { id: 'confirmations.group_delete.message', defaultMessage: 'Are you sure you want to delete "{group}"?' },
+  delete: { id: 'delete', defaultMessage: 'Delete' },
+})
+
+const mapDispatchToProps = dispatch => {
+  return {
+    onConfirm(account) {
+      // dispatch(blockAccount(account.get('id')))
+    },
+  }
+}
+
+export default
+@connect(null, mapDispatchToProps)
+@injectIntl
+class GroupDeleteModal extends PureComponent {
+
+  static propTypes = {
+    group: PropTypes.object.isRequired,
+    onConfirm: PropTypes.func.isRequired,
+    intl: PropTypes.object.isRequired,
+  }
+
+  handleClick = () => {
+    this.props.onConfirm(this.props.account)
+  }
+
+  render() {
+    const { group, intl } = this.props
+
+    const title = intl.formatMessage(messages.title, {
+      group: !!group ? account.get('title') : '',
+    })
+    const message = intl.formatMessage(messages.groupMessage, {
+      group: !!group ? account.get('title') : '',
+    })
+
+    return (
+      <ConfirmationModal
+        title={title}
+        message={message}
+        confirm={intl.formatMessage(messages.delete)}
+        onConfirm={this.handleClick}
+      />
+    )
+  }
+
+}