From 130aed4ed66de58445ffcdedff40527a0bc678fd Mon Sep 17 00:00:00 2001
From: Donkie <daniel.cf.hultgren@gmail.com>
Date: Sat, 12 Aug 2023 20:20:39 +0200
Subject: [PATCH] Client: Show used/remaining length in spool show

---
 client/src/pages/spools/show.tsx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/client/src/pages/spools/show.tsx b/client/src/pages/spools/show.tsx
index 547ebc2..66152a1 100644
--- a/client/src/pages/spools/show.tsx
+++ b/client/src/pages/spools/show.tsx
@@ -49,6 +49,24 @@ export const SpoolShow: React.FC<IResourceComponentsProps> = () => {
             ) : (
                 <>{filamentData?.data?.id}</>
             )} */}
+      <Title level={5}>{t("spool.fields.remaining_length")}</Title>
+      <NumberFieldUnit
+        value={record?.remaining_length ?? ""}
+        unit="mm"
+        options={{
+          maximumFractionDigits: 1,
+          minimumFractionDigits: 1,
+        }}
+      />
+      <Title level={5}>{t("spool.fields.used_length")}</Title>
+      <NumberFieldUnit
+        value={record?.used_length ?? ""}
+        unit="mm"
+        options={{
+          maximumFractionDigits: 1,
+          minimumFractionDigits: 1,
+        }}
+      />
       <Title level={5}>{t("spool.fields.remaining_weight")}</Title>
       <NumberFieldUnit
         value={record?.remaining_weight ?? ""}