1 files changed, 0 insertions, 98 deletions
diff --git a/finished-application/frontend/components/Order.js b/finished-application/frontend/components/Order.js
deleted file mode 100644
index b4a0a0e..0000000
--- a/finished-application/frontend/components/Order.js
+++ /dev/null
@@ -1,98 +0,0 @@
-import { Component } from 'react';
-import { Query } from 'react-apollo';
-import { format } from 'date-fns';
-import Head from 'next/head';
-import PropTypes from 'prop-types';
-import gql from 'graphql-tag';
-import formatMoney from '../lib/formatMoney';
-import Error from './ErrorMessage';
-import OrderStyles from './styles/OrderStyles';
-
-const SINGLE_ORDER_QUERY = gql`
-  query SINGLE_ORDER_QUERY($id: ID!) {
-    order(id: $id) {
-      id
-      charge
-      total
-      createdAt
-      user {
-        id
-      }
-      items {
-        id
-        title
-        price
-        description
-        image
-        quantity
-      }
-    }
-  }
-`;
-
-class Order extends Component {
-  static propTypes = {
-    id: PropTypes.string.isRequired,
-  };
-
-  render() {
-    return (
-      <Query
-        query={SINGLE_ORDER_QUERY}
-        variables={{ id: this.props.id }}
-        fetchPolicy="network-only"
-      >
-        {({ data, error, loading, refetch }) => {
-          if (loading) return <p>Loading...</p>;
-          if (error) return <Error error={error} refetch={refetch} />;
-          const order = data.order;
-          return (
-            <OrderStyles data-test="order">
-              <Head>
-                <title>Sick Fits - Order {order.id}</title>
-              </Head>
-              <p>
-                <span>Order Id:</span>
-                <span>{order.id}</span>
-              </p>
-              <p>
-                <span>Charge</span>
-                <span>{order.charge}</span>
-              </p>
-              <p>
-                <span>Date</span>
-                <span>{format(order.createdAt, 'MMMM D, YYYY h:mm A')}</span>
-              </p>
-              <p>
-                <span>Order Total</span>
-                <span>{formatMoney(order.total)}</span>
-              </p>
-              <p>
-                <span>Item Count</span>
-                <span>{order.items.length}</span>
-              </p>
-              <div className="items">
-                {order.items.map(item => (
-                  <div className="order-item" key={item.id}>
-                    <img src={item.image} alt={item.title} />
-                    <div className="item-details">
-                      <h2> {item.title} </h2>
-                      <p>Qty: {item.quantity}</p>
-                      <p>Each: {formatMoney(item.price)}</p>
-                      <p>Subtotal: {formatMoney(item.price * item.quantity)}</p>
-                      <p>SubTotal: {item.description}</p>
-                      <p>{item.description}</p>
-                    </div>
-                  </div>
-                ))}
-              </div>
-            </OrderStyles>
-          );
-        }}
-      </Query>
-    );
-  }
-}
-
-export default Order;
-export { SINGLE_ORDER_QUERY };