From e240eda1cb5b90ec390b1ce5bdcd8a1e8da420a5 Mon Sep 17 00:00:00 2001
From: Nikolai R Kristiansen <nrk@kindly.ai>
Date: Sat, 5 Feb 2022 22:02:33 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=B8=20Format=20datetimes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/features/log/Log.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/src/features/log/Log.tsx b/frontend/src/features/log/Log.tsx
index c53f254..780a43f 100644
--- a/frontend/src/features/log/Log.tsx
+++ b/frontend/src/features/log/Log.tsx
@@ -1,9 +1,12 @@
 import { useQuery } from "@apollo/client";
+import { parseISO, format } from "date-fns";
 import React from "react";
 
 import { Order, OrderLine, OrderListDocument, Transaction, TransactionListDocument } from "../../types";
 import styles from "./Log.module.css";
 
+const formatTime = (isoDateTime: string): string => format(parseISO(isoDateTime), "yyyy-MM-dd HH:mm");
+
 export const Log = () => {
   const { data: ordersData, loading: ordersLoading } = useQuery(OrderListDocument);
   const { data: transactionsData, loading: transactionsLoading } = useQuery(TransactionListDocument);
@@ -30,7 +33,7 @@ export const Log = () => {
           <tbody>
             {orders.map((order: Order) => (
               <tr key={order.id}>
-                <td>{order.created}</td>
+                <td>{formatTime(order.created)}</td>
                 <td>{order.isExternal ? "Ekstern" : `${order.customer?.firstName} ${order.customer?.lastName}`}</td>
                 <td>
                   {(order.orderlines ?? []).map((line: OrderLine) => (
@@ -58,7 +61,7 @@ export const Log = () => {
           <tbody>
             {transactions.map((trans: Transaction) => (
               <tr key={trans.id}>
-                <td>{trans.created}</td>
+                <td>{formatTime(trans.created)}</td>
                 <td>
                   {trans.user.firstName} {trans.user.lastName}
                 </td>