add expiry logic in client

ticketing/client/pages/orders/[orderId].js

@@ -1,9 +1,36 @@
-const OrderShow = () => {
+import {useEffect, useState} from 'react'
+const OrderShow = ({order}) => {
+
+    const [timeLeft, setTimeLeft] = useState('');
+
+    useEffect(()=>{
+        const findTimeLeft = () => {
+            const msLeft = new Date(order.expiresAt) - new Date();
+            setTimeLeft(Math.round(msLeft/1000))
+        }
+        findTimeLeft();
+        const timerId = setInterval(findTimeLeft, 1000);
+
+        return () => {
+            clearInterval(timerId);
+        }
+    },[order]);
+
+    if(timeLeft<0) {
+        return <div>Order expired</div>
+    }
+
     return (
         <div>
-            Order Show
+            <div>Tme letf to pay: {timeLeft} seconds</div>
         </div>
     )
 }
 
+OrderShow.getInitialProps = async (context, client) => {
+    const {orderId} = context.query;
+    const {data} = await client.get(`/api/orders/${orderId}`);
+    return {order: data};
+};
+
 export default OrderShow;

ticketing/orders/src/routes/new.ts

@@ -9,7 +9,7 @@ import { natsWrapper } from '../nats-wrapper';
 
 const router = express.Router();
 
-const EXPIRATION_WINDOW_SECONDS = 15 * 60;
+const EXPIRATION_WINDOW_SECONDS = 1 * 60;
 
 router.post('/api/orders', requireAuth, [
    body('ticketId')