summaryrefslogtreecommitdiffstats
path: root/frontend/components/OrderList.js
diff options
context:
space:
mode:
authorWes Bos <wesbos@gmail.com>2018-02-28 15:28:15 -0500
committerWes Bos <wesbos@gmail.com>2018-02-28 15:28:15 -0500
commitf7bea2d1b7be2b70dceb25c9837f608b538e9cec (patch)
tree3bac7ad6d76fe9eca1d97f92109d709a141bfc00 /frontend/components/OrderList.js
parent8f2c595eca30e2d7138c8e8d6685774a8f44e55d (diff)
what
Diffstat (limited to 'frontend/components/OrderList.js')
-rw-r--r--frontend/components/OrderList.js12
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>
))}