talk/plugins/talk-plugin-flag-details/client/containers/FlagDetails.js

import {compose, gql} from 'react-apollo';
import FlagDetails from '../components/FlagDetails';
import {withFragments, excludeIf} from 'plugin-api/beta/client/hocs';
import {getSlotFragmentSpreads} from 'plugin-api/beta/client/utils';

const slots = [
  'adminCommentMoreFlagDetails',
];

const enhance = compose(
  withFragments({
    root: gql`
      fragment CoralAdmin_FlagDetails_root on RootQuery {
        __typename
        ${getSlotFragmentSpreads(slots, 'root')}
      }
    `,
    comment: gql`
      fragment CoralAdmin_FlagDetails_comment on Comment {
        actions {
          __typename
          ... on FlagAction {
            id
            reason
            message
            user {
              id
              username
            }
          }
        }
        ${getSlotFragmentSpreads(slots, 'comment')}
      }
    `
  }),
  excludeIf(({comment: {actions}}) => !actions.some((action) => action.__typename === 'FlagAction')),
);

export default enhance(FlagDetails);