feat(viewlabs): sort Labs by requestedOn field

feat #1966
HospitalRun · Apr 21, 2020 · d22a174 · d22a174
1 parent c703928
commit d22a174
Showing 1 changed file with 11 additions and 7 deletions.
diff --git a/src/labs/ViewLabs.tsx b/src/labs/ViewLabs.tsx
@@ -60,13 +60,17 @@ const ViewLabs = () => {
           </tr>
         </thead>
         <tbody>
-          {labs.map((lab) => (
-            <tr onClick={() => onTableRowClick(lab)} key={lab.id}>
-              <td>{lab.type}</td>
-              <td>{format(new Date(lab.requestedOn), 'yyyy-MM-dd hh:mm a')}</td>
-              <td>{lab.status}</td>
-            </tr>
-          ))}
+          {labs
+            .sort((a, b) =>
+              a.requestedOn < b.requestedOn ? 1 : b.requestedOn < a.requestedOn ? -1 : 0,
+            )
+            .map((lab) => (
+              <tr onClick={() => onTableRowClick(lab)} key={lab.id}>
+                <td>{lab.type}</td>
+                <td>{format(new Date(lab.requestedOn), 'yyyy-MM-dd hh:mm a')}</td>
+                <td>{lab.status}</td>
+              </tr>
+            ))}
         </tbody>
       </table>
     </>