From d9846ea02b211373b1ba45cd84837bec2537c815 Mon Sep 17 00:00:00 2001
From: Carter <carter@adaptiveagriculture.ca>
Date: Wed, 17 Jun 2026 15:41:26 -0600
Subject: [PATCH] firmware renders with warning styling if it wasn't found in
 the server

---
 src/device/VersionChip.tsx        |  8 ++++++++
 src/pbHelpers/FirmwareVersion.tsx | 11 +++++++++++
 2 files changed, 19 insertions(+)

diff --git a/src/device/VersionChip.tsx b/src/device/VersionChip.tsx
index 09dac0f..8826239 100644
--- a/src/device/VersionChip.tsx
+++ b/src/device/VersionChip.tsx
@@ -22,6 +22,14 @@ class VersionChip extends React.Component<Props, State> {
           variant="outlined"
           label={firmwareVersionHelper.description}
           icon={firmwareVersionHelper.icon}
+          sx={
+            firmwareVersionHelper.colour
+              ? {
+                  borderColor: firmwareVersionHelper.colour,
+                  color: firmwareVersionHelper.colour
+                }
+              : undefined
+          }
         />
       </Tooltip>
     );
diff --git a/src/pbHelpers/FirmwareVersion.tsx b/src/pbHelpers/FirmwareVersion.tsx
index d7dcc8c..43ea776 100644
--- a/src/pbHelpers/FirmwareVersion.tsx
+++ b/src/pbHelpers/FirmwareVersion.tsx
@@ -9,6 +9,7 @@ export interface FirmwareVersionHelper {
 
 const oldFirmwareColour = "var(--status-warning)";
 const currentFirmwareColour = "var(--status-ok)";
+const unknownFirmwareColour = "var(--status-warning)";
 
 export function getFirmwareVersionHelper(
   version: string,
@@ -17,24 +18,34 @@ export function getFirmwareVersionHelper(
   const firmwareIcon = <FirmwareIcon />;
   const oldFirmwareIcon = <FirmwareIcon style={{ color: oldFirmwareColour }} />;
   const currentFirmwareIcon = <FirmwareIcon style={{ color: currentFirmwareColour }} />;
+  const unknownFirmwareIcon = <FirmwareIcon style={{ color: unknownFirmwareColour }} />;
   let helper = {} as FirmwareVersionHelper;
   if (!version || version === "") {
     helper.description = "Unknown version";
     helper.icon = oldFirmwareIcon;
     helper.tooltip = "We don't know what version your device is, it may behave unexpectedly";
+    helper.colour = oldFirmwareColour;
+  } else if (version.startsWith("!")) {
+    helper.description = version;
+    helper.icon = unknownFirmwareIcon;
+    helper.tooltip = "This firmware version was reported by the device but is missing from the firmware list";
+    helper.colour = unknownFirmwareColour;
   } else if (available !== "" && version !== available) {
     helper.description = version;
     helper.icon = oldFirmwareIcon;
     helper.tooltip =
       "A firmware upgrade is available, some features may be disabled for out-of-date devices";
+    helper.colour = oldFirmwareColour;
   } else if (available === "") {
     helper.description = version;
     helper.icon = firmwareIcon;
     helper.tooltip = "Running version " + version;
+    helper.colour = "";
   } else {
     helper.description = version;
     helper.icon = currentFirmwareIcon;
     helper.tooltip = "Your device is running the latest firmware";
+    helper.colour = currentFirmwareColour;
   }
   return helper;
 }