From 43476f41dfa432ed7598a2ef24f498a056d96c3b Mon Sep 17 00:00:00 2001
From: proddy <paul@derbyshire.nl>
Date: Sat, 18 May 2024 08:55:59 +0200
Subject: [PATCH] typesafe format for numbers

---
 interface/src/project/Devices.tsx    | 1 +
 interface/src/project/deviceValue.ts | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/interface/src/project/Devices.tsx b/interface/src/project/Devices.tsx
index 008837835..beb919ce1 100644
--- a/interface/src/project/Devices.tsx
+++ b/interface/src/project/Devices.tsx
@@ -640,6 +640,7 @@ const Devices: FC = () => {
               {me.admin && (
                 <IconButton onClick={customize}>
                   <FormatListNumberedIcon
+                    color="primary"
                     sx={{ fontSize: 18, verticalAlign: 'middle' }}
                   />
                 </IconButton>
diff --git a/interface/src/project/deviceValue.ts b/interface/src/project/deviceValue.ts
index 3134bdca3..f7a71d7ff 100644
--- a/interface/src/project/deviceValue.ts
+++ b/interface/src/project/deviceValue.ts
@@ -31,7 +31,7 @@ export function formatValue(
   uom: DeviceValueUOM
 ) {
   if (typeof value !== 'number') {
-    return value;
+    return (value === undefined ? '' : value) as string;
   }
   switch (uom) {
     case DeviceValueUOM.HOURS: