Sick Fits - Order {order.id}

import { Component } from 'react'; import { SINGLE_ORDER_QUERY } from '../queries'; import { graphql, compose } from 'react-apollo'; import { format, formatDistance } from 'date-fns'; import formatMoney from '../lib/formatMoney'; import Item from './Item'; import Head from 'next/head'; class Order extends Component { componentDidMount() { // this.props.orderQuery.refetch(); } render() { const { order } = this.props.orderQuery; if (!order) { return

No order Found!

; } return (

Sick Fits - Order {order.id}

Order Id: {order.id}

Charge {order.charge}

Date {format(order.createdAt, 'MMMM D, YYYY h:mm A')}

Order Total {formatMoney(order.total)}

You Bought {order.items.length} items in this order

{order.items.map(item => (

{item.quantity} OF {item.title}

))}

); } } const orderEnhancer = graphql(SINGLE_ORDER_QUERY, { name: 'orderQuery', options: ({ id }) => ({ variables: { id }, }), }); export default compose(orderEnhancer)(Order);