talk/plugins/talk-plugin-moderation-actions/client/containers/BanUserAction.js

import React from 'react';
import { compose } from 'react-apollo';
import { openBanDialog } from '../actions';
import { bindActionCreators } from 'redux';
import BanUserAction from '../components/BanUserAction';
import { connect } from 'plugin-api/beta/client/hocs';

class BanUserActionContainer extends React.Component {
  onBanUser = () => {
    this.props.openBanDialog({
      commentId: this.props.comment.id,
      commentStatus: this.props.comment.status,
      authorId: this.props.comment.user.id,
    });
  };

  render() {
    const {
      root: { me },
      comment,
    } = this.props;
    return me.id !== comment.user.id ? (
      <BanUserAction onBanUser={this.onBanUser} comment={this.props.comment} />
    ) : null;
  }
}

const mapDispatchToProps = dispatch =>
  bindActionCreators(
    {
      openBanDialog,
    },
    dispatch
  );

const enhance = compose(
  connect(
    null,
    mapDispatchToProps
  )
);

export default enhance(BanUserActionContainer);