From 1791f3fbbd4889dea5708b7e28ecd66a7cba0d7d Mon Sep 17 00:00:00 2001
From: Donkie <daniel.cf.hultgren@gmail.com>
Date: Sun, 25 Jun 2023 16:56:01 +0200
Subject: [PATCH] Client: Fixed first/last used for unused spools

---
 client/src/pages/spools/list.tsx | 2 ++
 client/src/pages/spools/show.tsx | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/client/src/pages/spools/list.tsx b/client/src/pages/spools/list.tsx
index 2d89dd5..a81ed95 100644
--- a/client/src/pages/spools/list.tsx
+++ b/client/src/pages/spools/list.tsx
@@ -73,6 +73,7 @@ export const SpoolList: React.FC<IResourceComponentsProps> = () => {
           title="First Used"
           render={(value) => (
             <DateField
+              hidden={!value}
               value={dayjs.utc(value).local()}
               title={dayjs.utc(value).local().format()}
               format="YYYY-MM-DD HH:mm:ss"
@@ -84,6 +85,7 @@ export const SpoolList: React.FC<IResourceComponentsProps> = () => {
           title="Last Used"
           render={(value) => (
             <DateField
+              hidden={!value}
               value={dayjs.utc(value).local()}
               title={dayjs.utc(value).local().format()}
               format="YYYY-MM-DD HH:mm:ss"
diff --git a/client/src/pages/spools/show.tsx b/client/src/pages/spools/show.tsx
index d038488..8e8261d 100644
--- a/client/src/pages/spools/show.tsx
+++ b/client/src/pages/spools/show.tsx
@@ -28,12 +28,14 @@ export const SpoolShow: React.FC<IResourceComponentsProps> = () => {
       />
       <Title level={5}>First Used</Title>
       <DateField
+        hidden={!record?.first_used}
         value={dayjs.utc(record?.first_used).local()}
         title={dayjs.utc(record?.first_used).local().format()}
         format="YYYY-MM-DD HH:mm:ss"
       />
       <Title level={5}>Last Used</Title>
       <DateField
+        hidden={!record?.last_used}
         value={dayjs.utc(record?.last_used).local()}
         title={dayjs.utc(record?.last_used).local().format()}
         format="YYYY-MM-DD HH:mm:ss"