appAvatar.js

// This is the avatar for a particular app, with a particular bump endpoint (GraphQL in this case)

import React from 'react';
import { graphql } from 'react-apollo';
import gql from 'graphql-tag';

import Avatar from './Avatar';

export default graphql(gql`
  mutation bumpUser($userId: ID!) {
    bumpUser(id: $userId) {
      user {
        id
        bumps
      }
    }
  }
`, {
  props({ mutate }) {
    const { userId } = this.props;
    return {
      onBump() {
        return mutate({ variables: { userId } });
      },
    };
  },
)(Avatar);