Fix: rename pialert to netalertx (#3253)

src/widgets/components.js

@@ -63,6 +63,7 @@ const components = {
   moonraker: dynamic(() => import("./moonraker/component")),
   mylar: dynamic(() => import("./mylar/component")),
   navidrome: dynamic(() => import("./navidrome/component")),
+  netalertx: dynamic(() => import("./netalertx/component")),
   netdata: dynamic(() => import("./netdata/component")),
   nextcloud: dynamic(() => import("./nextcloud/component")),
   nextdns: dynamic(() => import("./nextdns/component")),
@@ -80,7 +81,7 @@ const components = {
   pfsense: dynamic(() => import("./pfsense/component")),
   photoprism: dynamic(() => import("./photoprism/component")),
   proxmoxbackupserver: dynamic(() => import("./proxmoxbackupserver/component")),
-  pialert: dynamic(() => import("./pialert/component")),
+  pialert: dynamic(() => import("./netalertx/component")),
   pihole: dynamic(() => import("./pihole/component")),
   plantit: dynamic(() => import("./plantit/component")),
   plex: dynamic(() => import("./plex/component")),

src/widgets/netalertx/component.jsx

@@ -0,0 +1,37 @@
+import { useTranslation } from "next-i18next";
+
+import Container from "components/services/widget/container";
+import Block from "components/services/widget/block";
+import useWidgetAPI from "utils/proxy/use-widget-api";
+
+export default function Component({ service }) {
+  const { t } = useTranslation();
+
+  const { widget } = service;
+
+  const { data: netalertxData, error: netalertxError } = useWidgetAPI(widget, "data");
+
+  if (netalertxError) {
+    return <Container service={service} error={netalertxError} />;
+  }
+
+  if (!netalertxData) {
+    return (
+      <Container service={service}>
+        <Block label="netalertx.total" />
+        <Block label="netalertx.connected" />
+        <Block label="netalertx.new_devices" />
+        <Block label="netalertx.down_alerts" />
+      </Container>
+    );
+  }
+
+  return (
+    <Container service={service}>
+      <Block label="netalertx.total" value={t("common.number", { value: parseInt(netalertxData[0], 10) })} />
+      <Block label="netalertx.connected" value={t("common.number", { value: parseInt(netalertxData[1], 10) })} />
+      <Block label="netalertx.new_devices" value={t("common.number", { value: parseInt(netalertxData[3], 10) })} />
+      <Block label="netalertx.down_alerts" value={t("common.number", { value: parseInt(netalertxData[4], 10) })} />
+    </Container>
+  );
+}

src/widgets/pialert/component.jsx

@@ -1,37 +0,0 @@
-import { useTranslation } from "next-i18next";
-
-import Container from "components/services/widget/container";
-import Block from "components/services/widget/block";
-import useWidgetAPI from "utils/proxy/use-widget-api";
-
-export default function Component({ service }) {
-  const { t } = useTranslation();
-
-  const { widget } = service;
-
-  const { data: pialertData, error: pialertError } = useWidgetAPI(widget, "data");
-
-  if (pialertError) {
-    return <Container service={service} error={pialertError} />;
-  }
-
-  if (!pialertData) {
-    return (
-      <Container service={service}>
-        <Block label="pialert.total" />
-        <Block label="pialert.connected" />
-        <Block label="pialert.new_devices" />
-        <Block label="pialert.down_alerts" />
-      </Container>
-    );
-  }
-
-  return (
-    <Container service={service}>
-      <Block label="pialert.total" value={t("common.number", { value: parseInt(pialertData[0], 10) })} />
-      <Block label="pialert.connected" value={t("common.number", { value: parseInt(pialertData[1], 10) })} />
-      <Block label="pialert.new_devices" value={t("common.number", { value: parseInt(pialertData[3], 10) })} />
-      <Block label="pialert.down_alerts" value={t("common.number", { value: parseInt(pialertData[4], 10) })} />
-    </Container>
-  );
-}

src/widgets/widgets.js

@@ -55,6 +55,7 @@ import mjpeg from "./mjpeg/widget";
 import moonraker from "./moonraker/widget";
 import mylar from "./mylar/widget";
 import navidrome from "./navidrome/widget";
+import netalertx from "./netalertx/widget";
 import netdata from "./netdata/widget";
 import nextcloud from "./nextcloud/widget";
 import nextdns from "./nextdns/widget";
@@ -73,7 +74,6 @@ import peanut from "./peanut/widget";
 import pfsense from "./pfsense/widget";
 import photoprism from "./photoprism/widget";
 import proxmoxbackupserver from "./proxmoxbackupserver/widget";
-import pialert from "./pialert/widget";
 import pihole from "./pihole/widget";
 import plantit from "./plantit/widget";
 import plex from "./plex/widget";
@@ -171,6 +171,7 @@ const widgets = {
   moonraker,
   mylar,
   navidrome,
+  netalertx,
   netdata,
   nextcloud,
   nextdns,
@@ -189,7 +190,7 @@ const widgets = {
   pfsense,
   photoprism,
   proxmoxbackupserver,
-  pialert,
+  pialert: netalertx,
   pihole,
   plantit,
   plex,