summaryrefslogtreecommitdiffstats
path: root/finished-application/frontend/components/RemoveFromCart.js
diff options
context:
space:
mode:
authorWes Bos <wesbos@gmail.com>2018-09-13 14:18:56 -0400
committerWes Bos <wesbos@gmail.com>2018-09-13 14:18:56 -0400
commit8a5825d52271d712ec7c8348447d433067e13ef2 (patch)
treeba07c218c1b2d4e59c154f2059b69fd858ae65fe /finished-application/frontend/components/RemoveFromCart.js
parentb0d25a9ad3cc1df2fcc11ddb84e4603b94520b09 (diff)
DONE
Diffstat (limited to 'finished-application/frontend/components/RemoveFromCart.js')
-rw-r--r--finished-application/frontend/components/RemoveFromCart.js57
1 files changed, 0 insertions, 57 deletions
diff --git a/finished-application/frontend/components/RemoveFromCart.js b/finished-application/frontend/components/RemoveFromCart.js
deleted file mode 100644
index cf5b6fd..0000000
--- a/finished-application/frontend/components/RemoveFromCart.js
+++ /dev/null
@@ -1,57 +0,0 @@
-import { Component } from 'react';
-import { Mutation } from 'react-apollo';
-import styled from 'styled-components';
-import PropTypes from 'prop-types';
-import gql from 'graphql-tag';
-import { CURRENT_USER_QUERY } from './User';
-
-const REMOVE_FROM_CART_MUTATION = gql`
- mutation removeFromCart($id: ID!) {
- removeFromCart(id: $id) {
- id
- }
- }
-`;
-
-const BigButton = styled.button`
- font-size: 3rem;
- background: none;
- border: 0;
- &:hover {
- color: ${props => props.theme.red};
- cursor: pointer;
- }
-`;
-
-class RemoveFromCart extends Component {
- static propTypes = {
- id: PropTypes.string.isRequired,
- };
-
- 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);
- cache.writeQuery({ query: CURRENT_USER_QUERY, data });
- };
-
- render() {
- return (
- <Mutation
- mutation={REMOVE_FROM_CART_MUTATION}
- variables={{ id: this.props.id }}
- update={this.update}
- >
- {(removeFromCart, { loading }) => (
- <BigButton disabled={loading} title="Remove From Cart" onClick={removeFromCart}>
- ×
- </BigButton>
- )}
- </Mutation>
- );
- }
-}
-
-export default RemoveFromCart;
-export { REMOVE_FROM_CART_MUTATION };