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

import React from 'react';
import {gql, compose} from 'react-apollo';
import {connect, excludeIf, withFragments} from 'plugin-api/beta/client/hocs';
import ModerationActions from '../components/ModerationActions';
import {can} from 'plugin-api/beta/client/services';

const mapStateToProps = ({auth}) => ({
  user: auth.user
});

const enhance = compose(
  connect(mapStateToProps),
  withFragments({
    asset: gql`
      fragment TalkModerationActions_asset on Asset {
        id
      }`
    ,
    comment: gql`
      fragment TalkModerationActions_comment on Comment {
        id
        status
        tags {
          tag {
            name
          }
        }
      }
  `}),
  excludeIf((props) => !can(props.user, 'MODERATE_COMMENTS')),
);

export default enhance(ModerationActions);