create an order

ticketing/client/pages/tickets/[ticketId].js

@@ -1,5 +1,31 @@
-const TicketShow = () => {
-    return <div>Ticket Show</div>
+import useRequest from '../../hooks/use-request';
+
+const TicketShow = ({ticket}) => {
+
+    const {doRequest, errors} = useRequest({
+        url: '/api/orders',
+        method: 'post',
+        body: {
+            ticketId: ticket.id
+        },
+        onSuccess: (order) => console.log(order)
+    });
+
+    return (
+        <div>
+            <h1>{ticket.title}</h1>
+            <h4>Price: {ticket.price}</h4>
+            {errors}
+            <button onClick={doRequest} className="btn btn-primary">Purchase</button>
+        </div>
+    )
+
+}
+
+TicketShow.getInitialProps = async (context, client) => {
+    const {ticketId} = context.query;
+    const {data} = await client.get(`/api/tickets/${ticketId}`);
+    return {ticket:data}
 }
 
 export default TicketShow;