web: TacComponents: add a notification in case of IOBus overload

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

Author: hnez

web/src/App.tsx

@@ -31,6 +31,7 @@ import "./App.css";
 import { useMqttSubscription } from "./mqtt";
 import { ApiPickerButton, MqttButton } from "./MqttComponents";
 import {
+  IOBusFaultNotification,
   RebootNotification,
   UpdateNotification,
   ProgressNotification,
@@ -158,6 +159,7 @@ function Notifications() {
       <ProgressNotification />
       <UpdateNotification />
       <LocatorNotification />
+      <IOBusFaultNotification />
     </>
   );
 }

web/src/TacComponents.tsx

@@ -487,3 +487,19 @@ export function LocatorNotification() {
     </Alert>
   );
 }
+
+export function IOBusFaultNotification() {
+  const overload = useMqttSubscription<boolean>("/v1/iobus/feedback/fault");
+
+  return (
+    <Alert
+      statusIconAriaLabel="Warning"
+      type="warning"
+      visible={overload === true}
+      header="The IOBus power supply is overloaded"
+    >
+      The power supply on the IOBus connector is either shorted or overloaded by
+      too many devices on the bus.
+    </Alert>
+  );
+}