web: add over temperature notification

Notify the user if their TAC is overheating.

Signed-off-by: Leonard Göhrs <l.goehrs@pengutronix.de>

Author: hnez

web/src/App.tsx

@@ -36,6 +36,7 @@ import {
   UpdateNotification,
   ProgressNotification,
   LocatorNotification,
+  OverTemperatureNotification,
 } from "./TacComponents";
 
 function Navigation() {
@@ -156,6 +157,7 @@ function Notifications() {
     <>
       <ConnectionNotification />
       <RebootNotification />
+      <OverTemperatureNotification />
       <ProgressNotification />
       <UpdateNotification />
       <LocatorNotification />

web/src/TacComponents.tsx

@@ -503,3 +503,20 @@ export function IOBusFaultNotification() {
     </Alert>
   );
 }
+
+export function OverTemperatureNotification() {
+  const warning = useMqttSubscription<string>("/v1/tac/temperatures/warning");
+
+  return (
+    <Alert
+      statusIconAriaLabel="Warning"
+      type="warning"
+      visible={warning !== null && warning !== "Okay"}
+      header="Your LXA TAC is overheating"
+    >
+      The LXA TAC's temperature is{" "}
+      {warning === "SocCritical" ? "critical" : "high"}. Provide better airflow
+      and check for overloads!
+    </Alert>
+  );
+}