You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
78 lines
2.7 KiB
78 lines
2.7 KiB
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: statsData, error: statsError } = useWidgetAPI(widget, "stat/sites");
|
|
|
|
if (statsError) {
|
|
return <Container service={service} error={statsError} />;
|
|
}
|
|
|
|
const defaultSite = widget.site
|
|
? statsData?.data.find((s) => s.desc === widget.site)
|
|
: statsData?.data?.find((s) => s.name === "default");
|
|
|
|
if (!defaultSite) {
|
|
if (widget.site) {
|
|
return <Container service={service} error={{ message: `Site '${widget.site}' not found` }} />;
|
|
}
|
|
|
|
return (
|
|
<Container service={service}>
|
|
<Block label="unifi.uptime" />
|
|
<Block label="unifi.wan" />
|
|
<Block label="unifi.lan_users" />
|
|
<Block label="unifi.wlan_users" />
|
|
</Container>
|
|
);
|
|
}
|
|
|
|
const wan = defaultSite.health.find((h) => h.subsystem === "wan");
|
|
const lan = defaultSite.health.find((h) => h.subsystem === "lan");
|
|
const wlan = defaultSite.health.find((h) => h.subsystem === "wlan");
|
|
[wan, lan, wlan].forEach((s) => {
|
|
s.up = s.status === "ok"; // eslint-disable-line no-param-reassign
|
|
s.show = s.status !== "unknown"; // eslint-disable-line no-param-reassign
|
|
});
|
|
|
|
const uptime = wan["gw_system-stats"]
|
|
? `${t("common.number", { value: wan["gw_system-stats"].uptime / 86400, maximumFractionDigits: 1 })} ${t(
|
|
"unifi.days",
|
|
)}`
|
|
: null;
|
|
|
|
if (!(wan.show || lan.show || wlan.show || uptime)) {
|
|
return (
|
|
<Container service={service}>
|
|
<Block value={t("unifi.empty_data")} />
|
|
</Container>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<Container service={service}>
|
|
{uptime && <Block label="unifi.uptime" value={uptime} />}
|
|
{wan.show && <Block label="unifi.wan" value={wan.status === "ok" ? t("unifi.up") : t("unifi.down")} />}
|
|
|
|
{lan.show && <Block label="unifi.lan_users" value={t("common.number", { value: lan.num_user })} />}
|
|
{lan.show && !wlan.show && (
|
|
<Block label="unifi.lan_devices" value={t("common.number", { value: lan.num_adopted })} />
|
|
)}
|
|
{lan.show && !wlan.show && <Block label="unifi.lan" value={lan.up ? t("unifi.up") : t("unifi.down")} />}
|
|
|
|
{wlan.show && <Block label="unifi.wlan_users" value={t("common.number", { value: wlan.num_user })} />}
|
|
{wlan.show && !lan.show && (
|
|
<Block label="unifi.wlan_devices" value={t("common.number", { value: wlan.num_adopted })} />
|
|
)}
|
|
{wlan.show && !lan.show && <Block label="unifi.wlan" value={wlan.up ? t("unifi.up") : t("unifi.down")} />}
|
|
</Container>
|
|
);
|
|
}
|