From 2d145b026cfdf54a63bef0b9d6324b6785390307 Mon Sep 17 00:00:00 2001
From: Wes Bos <wesbos@gmail.com>
Date: Fri, 14 Sep 2018 12:18:12 -0400
Subject: move finished folder

---
 .../FINISHED/frontend/components/OrderList.js      | 80 ----------------------
 1 file changed, 80 deletions(-)
 delete mode 100644 stepped-solutions/FINISHED/frontend/components/OrderList.js

(limited to 'stepped-solutions/FINISHED/frontend/components/OrderList.js')

diff --git a/stepped-solutions/FINISHED/frontend/components/OrderList.js b/stepped-solutions/FINISHED/frontend/components/OrderList.js
deleted file mode 100644
index e2e22ff..0000000
--- a/stepped-solutions/FINISHED/frontend/components/OrderList.js
+++ /dev/null
@@ -1,80 +0,0 @@
-import React from 'react';
-import { Query } from 'react-apollo';
-import { formatDistance } from 'date-fns';
-import Link from 'next/link';
-import styled from 'styled-components';
-import gql from 'graphql-tag';
-import Error from './ErrorMessage';
-import formatMoney from '../lib/formatMoney';
-import OrderItemStyles from './styles/OrderItemStyles';
-
-const USER_ORDERS_QUERY = gql`
-  query USER_ORDERS_QUERY {
-    orders(orderBy: createdAt_DESC) {
-      id
-      total
-      createdAt
-      items {
-        id
-        title
-        price
-        description
-        quantity
-        image
-      }
-    }
-  }
-`;
-
-const orderUl = styled.ul`
-  display: grid;
-  grid-gap: 4rem;
-  grid-template-columns: repeat(auto-fit, minmax(40%, 1fr));
-`;
-
-class OrderList extends React.Component {
-  render() {
-    return (
-      <Query query={USER_ORDERS_QUERY}>
-        {({ data: { orders }, loading, error }) => {
-          if (loading) return <p>loading...</p>;
-          if (error) return <Error erorr={error} />;
-          console.log(orders);
-          return (
-            <div>
-              <h2>You have {orders.length} orders</h2>
-              <orderUl>
-                {orders.map(order => (
-                  <OrderItemStyles key={order.id}>
-                    <Link
-                      href={{
-                        pathname: '/order',
-                        query: { id: order.id },
-                      }}
-                    >
-                      <a>
-                        <div className="order-meta">
-                          <p>{order.items.reduce((a, b) => a + b.quantity, 0)} Items</p>
-                          <p>{order.items.length} Products</p>
-                          <p>{formatDistance(order.createdAt, new Date())}</p>
-                          <p>{formatMoney(order.total)}</p>
-                        </div>
-                        <div className="images">
-                          {order.items.map(item => (
-                            <img key={item.id} src={item.image} alt={item.title} />
-                          ))}
-                        </div>
-                      </a>
-                    </Link>
-                  </OrderItemStyles>
-                ))}
-              </orderUl>
-            </div>
-          );
-        }}
-      </Query>
-    );
-  }
-}
-
-export default OrderList;
-- 
cgit v1.3