mirror of
https://github.com/karl0ss/homepage.git
synced 2025-04-29 12:03:41 +01:00
454d8d03c2
Simplify resources refresh variable, enforce minimum Add custom refresh rate to uptime Add custom refresh rate to memory Add custom refresh rate to disk Add custom refresh rate to cputemp Add custom refresh rate to CPU
37 lines
1.2 KiB
JavaScript
37 lines
1.2 KiB
JavaScript
import useSWR from "swr";
|
|
import { FaRegClock } from "react-icons/fa";
|
|
import { useTranslation } from "next-i18next";
|
|
|
|
import Resource from "../widget/resource";
|
|
import Error from "../widget/error";
|
|
|
|
export default function Uptime({ refresh = 1500 }) {
|
|
const { t } = useTranslation();
|
|
|
|
const { data, error } = useSWR(`/api/widgets/resources?type=uptime`, {
|
|
refreshInterval: refresh,
|
|
});
|
|
|
|
if (error || data?.error) {
|
|
return <Error />
|
|
}
|
|
|
|
if (!data) {
|
|
return <Resource icon={FaRegClock} value="-" label={t("resources.uptime")} percentage="0" />;
|
|
}
|
|
|
|
const mo = Math.floor(data.uptime / (3600 * 24 * 31));
|
|
const d = Math.floor(data.uptime % (3600 * 24 * 31) / (3600 * 24));
|
|
const h = Math.floor(data.uptime % (3600 * 24) / 3600);
|
|
const m = Math.floor(data.uptime % 3600 / 60);
|
|
|
|
let uptime;
|
|
if (mo > 0) uptime = `${mo}${t("resources.months")} ${d}${t("resources.days")}`;
|
|
else if (d > 0) uptime = `${d}${t("resources.days")} ${h}${t("resources.hours")}`;
|
|
else uptime = `${h}${t("resources.hours")} ${m}${t("resources.minutes")}`;
|
|
|
|
const percent = Math.round((new Date().getSeconds() / 60) * 100).toString();
|
|
|
|
return <Resource icon={FaRegClock} value={uptime} label={t("resources.uptime")} percentage={percent} />;
|
|
}
|