🆒

1 files changed, 25 insertions, 0 deletions

diff --git a/frontend/components/RemoveFromCart.js b/frontend/components/RemoveFromCart.js
new file mode 100644
index 0000000..e3eb919
--- /dev/null
+++ b/frontend/components/RemoveFromCart.js
@@ -0,0 +1,25 @@
+import { Component } from 'react';
+import { graphql, compose } from 'react-apollo';
+import Transition from 'react-transition-group/Transition';
+import styled from 'styled-components';
+import PropTypes from 'prop-types';
+import { removeFromCartEnhancer } from '../enhancers/enhancers';
+
+class RemoveFromCart extends Component {
+  handleRemoveFromCart = async () => {
+    console.log(`gonna remove item from cart`);
+    const res = await this.props.removeFromCart({
+      variables: {
+        id: this.props.id,
+      },
+    });
+    console.log('This came back from removeFromCart:', res);
+    // this.props.currentUserQuery.refetch();
+  };
+
+  render() {
+    return <button onClick={this.handleRemoveFromCart}>&times; Remove</button>;
+  }
+}
+
+export default compose(removeFromCartEnhancer)(RemoveFromCart);