colocate queries and components

1 files changed, 12 insertions, 9 deletions

diff --git a/frontend/components/RemoveFromCart.js b/frontend/components/RemoveFromCart.js
index 7ec2313..cf5b6fd 100644
--- a/frontend/components/RemoveFromCart.js
+++ b/frontend/components/RemoveFromCart.js
@@ -2,10 +2,16 @@ 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 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;
@@ -38,11 +44,7 @@ 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>
         )}
@@ -52,3 +54,4 @@ class RemoveFromCart extends Component {
 }
 
 export default RemoveFromCart;
+export { REMOVE_FROM_CART_MUTATION };