(fix) Fix order details table UI (#112)

Restores the state of the order details table to a state prior to the changes made in #102. This will likely require a
review of the changes made in that PR to ensure that everything is working as expected.

src/components/orders-table/list-order-details.component.tsx

@@ -31,6 +31,19 @@ const ListOrderDetails: React.FC<ListOrdersDetailsProps> = (props) => {
               <span className={styles.orderDate}>
                 {t('orderDate', 'Order Date:')} {row.dateActivated}
               </span>
+            </div>
+            <div className={styles.orderStatus}>
+              {t('orderStatus', 'Status:')}
+              <Tag size="lg" type={row.fulfillerStatus ? 'green' : 'red'}>
+                {row.fulfillerStatus || t('orderNotPicked', 'Order not picked')}
+              </Tag>
+            </div>
+            <div>
+              <div className={styles.orderUrgency}>
+                <span className={styles.urgencyStatus}>
+                  {t('urgencyStatus', 'Urgency: ')} {capitalize(row.urgency)}
+                </span>
+              </div>
               <StructuredListWrapper>
                 <StructuredListBody>
                   <StructuredListRow>

translations/en.json

@@ -31,9 +31,11 @@
   "Ordered tests": "Ordered tests",
   "ordererName": "Orderer Name: ",
   "orderInStruction": "Instructions: ",
+  "orderNotPicked": "Order not picked",
   "orderNumbers": "Order number:",
   "orderPickedSuccessfully": "You have successfully picked an order",
   "orders": "Orders",
+  "orderStatus": "Status:",
   "patient": "Patient",
   "pickedAnOrder": "Picked an order",
   "pickLabRequest": "Pick Lab Request",
@@ -56,6 +58,7 @@
   "testsOrdered": "Tests ordered",
   "testType": "Test type",
   "totalOrders": "Total orders",
+  "urgencyStatus": "Urgency: ",
   "viewTestResults": "View test results",
   "worklist": "Worklist",
   "Worklist": "Worklist"