talk/plugins/talk-plugin-ignore-user/client/index.js

import IgnoreUserAction from './containers/IgnoreUserAction';
import IgnoreUserConfirmation from './containers/IgnoreUserConfirmation';
import IgnoredUserSection from './containers/IgnoredUserSection';
import translations from './translations.yml';
import update from 'immutability-helper';
import get from 'lodash/get';

export default {
  slots: {
    authorMenuActions: [IgnoreUserAction],
    ignoreUserConfirmation: [IgnoreUserConfirmation],
    profileSections: [IgnoredUserSection],
  },
  translations,
  mutations: {
    IgnoreUser: ({variables}) => ({
      updateQueries: {
        CoralEmbedStream_Embed: (previousData, {mutationResult: {data: {ignoreUser}}}) => {
          if (get(ignoreUser, 'errors.length')) {
            return previousData;
          }

          const ignoredUserId = variables.id;
          const updated = update(previousData, {me: {ignoredUsers: {$push: [{
            id: ignoredUserId,
            __typename: 'User',
          }]}}});
          return updated;
        }
      }
    }),
    StopIgnoringUser: ({variables}) => ({
      updateQueries: {
        CoralEmbedStream_Profile: (previousData) => {
          const noLongerIgnoredUserId = variables.id;

          // remove noLongerIgnoredUserId from ignoredUsers
          const updated = update(previousData, {me: {ignoredUsers: {
            $apply: (ignoredUsers) => {
              return ignoredUsers.filter((u) => u.id !== noLongerIgnoredUserId);
            }
          }}});
          return updated;
        }
      }
    }),
  },
};