colocate queries and components

1 files changed, 21 insertions, 1 deletions

diff --git a/frontend/components/OrderList.js b/frontend/components/OrderList.js
index eef69ca..5886ad7 100644
--- a/frontend/components/OrderList.js
+++ b/frontend/components/OrderList.js
@@ -3,10 +3,29 @@ import { Query } from 'react-apollo';
 import { formatDistance } from 'date-fns';
 import Link from 'next/link';
 import styled from 'styled-components';
-import { USER_ORDERS_QUERY } from '../queries/queries.graphql';
+import gql from 'graphql-tag';
 import formatMoney from '../lib/formatMoney';
 import OrderItemStyles from './styles/OrderItemStyles';
 
+const USER_ORDERS_QUERY = gql`
+  query orders {
+    orders(orderBy: createdAt_DESC) {
+      id
+      total
+      createdAt
+      updatedAt
+      items {
+        id
+        title
+        price
+        description
+        quantity
+        image
+      }
+    }
+  }
+`;
+
 const OrderUl = styled.ul`
   display: grid;
   grid-gap: 4rem;
@@ -71,3 +90,4 @@ class OrderList extends React.Component {
 }
 
 export default OrderList;
+export { USER_ORDERS_QUERY };