Merge pull request #8 from peggyrayzis/apollo-feedback

Apollo feedback

1 files changed, 12 insertions, 5 deletions

diff --git a/frontend/components/RemoveFromCart.js b/frontend/components/RemoveFromCart.js
index bd8a15f..7ec2313 100644
--- a/frontend/components/RemoveFromCart.js
+++ b/frontend/components/RemoveFromCart.js
@@ -2,7 +2,10 @@ import { Component } from 'react';
 import { Mutation } from 'react-apollo';
 import styled from 'styled-components';
 import PropTypes from 'prop-types';
-import { REMOVE_FROM_CART_MUTATION, CURRENT_USER_QUERY } from '../queries/queries.graphql';
+import {
+  REMOVE_FROM_CART_MUTATION,
+  CURRENT_USER_QUERY,
+} from '../queries/queries.graphql';
 
 const BigButton = styled.button`
   font-size: 3rem;
@@ -19,12 +22,12 @@ class RemoveFromCart extends Component {
     id: PropTypes.string.isRequired,
   };
 
-  update = (proxy, payload) => {
-    const data = proxy.readQuery({ query: CURRENT_USER_QUERY });
+  update = (cache, payload) => {
+    const data = cache.readQuery({ query: CURRENT_USER_QUERY });
     // console.log(data.me.cart[0]);
     const cartItemId = payload.data.removeFromCart.id;
     data.me.cart = data.me.cart.filter(cartItem => cartItem.id !== cartItemId);
-    proxy.writeQuery({ query: CURRENT_USER_QUERY, data });
+    cache.writeQuery({ query: CURRENT_USER_QUERY, data });
   };
 
   render() {
@@ -35,7 +38,11 @@ class RemoveFromCart extends Component {
         update={this.update}
       >
         {(removeFromCart, { loading }) => (
-          <BigButton disabled={loading} title="Remove From Cart" onClick={removeFromCart}>
+          <BigButton
+            disabled={loading}
+            title="Remove From Cart"
+            onClick={removeFromCart}
+          >
             ×
           </BigButton>
         )}