|
|
@ -20,7 +20,6 @@ export default function Widget({ options }) {
|
|
|
|
<BiError className="w-8 h-8 text-theme-800 dark:text-theme-200" />
|
|
|
|
<BiError className="w-8 h-8 text-theme-800 dark:text-theme-200" />
|
|
|
|
<div className="flex flex-col ml-3 text-left">
|
|
|
|
<div className="flex flex-col ml-3 text-left">
|
|
|
|
<span className="text-theme-800 dark:text-theme-200 text-sm">{t("widget.api_error")}</span>
|
|
|
|
<span className="text-theme-800 dark:text-theme-200 text-sm">{t("widget.api_error")}</span>
|
|
|
|
<span className="text-theme-800 dark:text-theme-200 text-xs">-</span>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -28,7 +27,7 @@ export default function Widget({ options }) {
|
|
|
|
);
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
const defaultSite = statsData?.data?.find(s => s.name === "default");
|
|
|
|
const defaultSite = options.site ? statsData?.data.find(s => s.desc === options.site) : statsData?.data?.find(s => s.name === "default");
|
|
|
|
|
|
|
|
|
|
|
|
if (!defaultSite) {
|
|
|
|
if (!defaultSite) {
|
|
|
|
return (
|
|
|
|
return (
|
|
|
@ -55,6 +54,8 @@ export default function Widget({ options }) {
|
|
|
|
const name = wan.gw_name ?? defaultSite.desc;
|
|
|
|
const name = wan.gw_name ?? defaultSite.desc;
|
|
|
|
const uptime = wan["gw_system-stats"] ? wan["gw_system-stats"].uptime : null;
|
|
|
|
const uptime = wan["gw_system-stats"] ? wan["gw_system-stats"].uptime : null;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const dataEmpty = !(wan.show || lan.show || wlan.show || uptime);
|
|
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<div className="flex-none flex flex-row items-center mr-3 py-1.5">
|
|
|
|
<div className="flex-none flex flex-row items-center mr-3 py-1.5">
|
|
|
|
<div className="flex flex-col">
|
|
|
|
<div className="flex flex-col">
|
|
|
@ -64,6 +65,14 @@ export default function Widget({ options }) {
|
|
|
|
{name}
|
|
|
|
{name}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
{dataEmpty && <div className="flex flex-row ml-3 text-[8px] justify-between">
|
|
|
|
|
|
|
|
<div className="flex flex-row items-center justify-end">
|
|
|
|
|
|
|
|
<div className="flex flex-row">
|
|
|
|
|
|
|
|
<BiError className="w-4 h-4 text-theme-800 dark:text-theme-200" />
|
|
|
|
|
|
|
|
<span className="text-theme-800 dark:text-theme-200 text-xs">{t("unifi.empty_data")}</span>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>}
|
|
|
|
<div className="flex flex-row ml-3 text-[10px] justify-between">
|
|
|
|
<div className="flex flex-row ml-3 text-[10px] justify-between">
|
|
|
|
{uptime && <div className="flex flex-row" title={t("unifi.uptime")}>
|
|
|
|
{uptime && <div className="flex flex-row" title={t("unifi.uptime")}>
|
|
|
|
<div className="pr-0.5 text-theme-800 dark:text-theme-200">
|
|
|
|
<div className="pr-0.5 text-theme-800 dark:text-theme-200">
|
|
|
|