diff options
| author | Wes Bos <wesbos@gmail.com> | 2018-02-28 15:28:15 -0500 |
|---|---|---|
| committer | Wes Bos <wesbos@gmail.com> | 2018-02-28 15:28:15 -0500 |
| commit | f7bea2d1b7be2b70dceb25c9837f608b538e9cec (patch) | |
| tree | 3bac7ad6d76fe9eca1d97f92109d709a141bfc00 /frontend/components/OrderList.js | |
| parent | 8f2c595eca30e2d7138c8e8d6685774a8f44e55d (diff) | |
what
Diffstat (limited to 'frontend/components/OrderList.js')
| -rw-r--r-- | frontend/components/OrderList.js | 12 |
1 files changed, 4 insertions, 8 deletions
diff --git a/frontend/components/OrderList.js b/frontend/components/OrderList.js index 5e32ba2..cf12dc8 100644 --- a/frontend/components/OrderList.js +++ b/frontend/components/OrderList.js @@ -3,6 +3,7 @@ import { USER_ORDERS_QUERY } from '../queries'; import { graphql, compose } from 'react-apollo'; import { format, formatDistance } from 'date-fns'; import formatMoney from '../lib/formatMoney'; +import Link from 'next/link'; class OrderList extends Component { componentDidMount() { @@ -30,18 +31,13 @@ class OrderList extends Component { <ul className="order-items"> <hr /> <h2> - {order.id} + <Link href={`/order/${order.id}`} prefetch> + <a>{order.id}</a> + </Link> <time dateTime={order.createdAt} title={format(order.createdAt, 'MMMM D, YYYY h:mm A')}> {formatDistance(order.createdAt, new Date())} </time> </h2> - - {order.items.map(item => ( - <li> - <img src={item.image} alt={item.title} /> - <p>{item.title}</p> - </li> - ))} </ul> </li> ))} |
