diff options
Diffstat (limited to 'frontend/components/RemoveFromCart.js')
| -rw-r--r-- | frontend/components/RemoveFromCart.js | 17 |
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> )} |