From 096acdb608a893651810850d5b6cabfff6cc7900 Mon Sep 17 00:00:00 2001
From: Matthew Goldwater <mattgwater@gmail.com>
Date: Tue, 7 Apr 2020 11:37:00 -0700
Subject: [PATCH] fix(view-orders) zero pad minutes and seconds

---
 .../src/components/view-orders/viewOrders.js  | 21 ++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/application/src/components/view-orders/viewOrders.js b/application/src/components/view-orders/viewOrders.js
index 86e67113..e4fecba3 100644
--- a/application/src/components/view-orders/viewOrders.js
+++ b/application/src/components/view-orders/viewOrders.js
@@ -26,6 +26,25 @@ class ViewOrders extends Component {
                 <div className="container-fluid">
                     {this.state.orders.map(order => {
                         const createdDate = new Date(order.createdAt);
+                        const dateFormatter = new Intl.DateTimeFormat('en-US', {
+                            hour: 'numeric',
+                            minute: 'numeric',
+                            second: 'numeric',
+                        })
+                        const formattedDate = dateFormatter.formatToParts(createdDate);
+                        const timeElements = {
+                            hours: '',
+                            minutes: '',
+                            seconds: ''
+                        }
+                        for (const element of formattedDate) {
+                            let {type, value}  = element; 
+                            type = `${type}s`;
+                            if (timeElements.hasOwnProperty(type)) {
+                                timeElements[type] = value;
+                            } 
+                        }
+                        const {hours, minutes, seconds} = timeElements;
                         return (
                             <div className="row view-order-container" key={order._id}>
                                 <div className="col-md-4 view-order-left-col p-3">
@@ -33,7 +52,7 @@ class ViewOrders extends Component {
                                     <p>Ordered by: {order.ordered_by || ''}</p>
                                 </div>
                                 <div className="col-md-4 d-flex view-order-middle-col">
-                                    <p>Order placed at {`${createdDate.getHours()}:${createdDate.getMinutes()}:${createdDate.getSeconds()}`}</p>
+                                    <p>Order placed at {`${hours}:${minutes}:${seconds}`}</p>
                                     <p>Quantity: {order.quantity}</p>
                                  </div>
                                  <div className="col-md-4 view-order-right-col">