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.
59 lines
1.9 KiB
59 lines
1.9 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 || statsData?.error) {
|
|
return <Container error={t("widget.api_error")} />;
|
|
}
|
|
|
|
const defaultSite = statsData?.data?.find(s => s.name === "default");
|
|
|
|
if (!defaultSite) {
|
|
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");
|
|
const data = {
|
|
name: wan.gw_name,
|
|
uptime: wan["gw_system-stats"].uptime,
|
|
up: wan.status === 'ok',
|
|
wlan: {
|
|
users: wlan.num_user,
|
|
status: wlan.status
|
|
},
|
|
lan: {
|
|
users: lan.num_user,
|
|
status: lan.status
|
|
},
|
|
};
|
|
|
|
const uptime = `${t("common.number", { value: data.uptime / 86400, maximumFractionDigits: 1 })} ${t("unifi.days")}`;
|
|
|
|
return (
|
|
<Container service={service}>
|
|
<Block label="unifi.uptime" value={ uptime } />
|
|
<Block label="unifi.wan" value={ data.up ? t("unifi.up") : t("unifi.down") } />
|
|
<Block label="unifi.lan_users" value={ t("common.number", { value: data.lan.users }) } />
|
|
<Block label="unifi.wlan_users" value={ t("common.number", { value: data.wlan.users }) } />
|
|
</Container>
|
|
);
|
|
}
|