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 = () => { {orders.map((order: Order) => ( - {order.created} + {formatTime(order.created)} {order.isExternal ? "Ekstern" : `${order.customer?.firstName} ${order.customer?.lastName}`} {(order.orderlines ?? []).map((line: OrderLine) => ( @@ -58,7 +61,7 @@ export const Log = () => { {transactions.map((trans: Transaction) => ( - {trans.created} + {formatTime(trans.created)} {trans.user.firstName} {trans.user.lastName}