Karl/homepage
1
0
Fork 0
mirror of https://github.com/karl0ss/homepage.git synced 2025-05-03 22:13:39 +01:00
Code Issues Packages Projects Releases Wiki Activity

Uptime usage bar

Browse Source
This commit is contained in:
shamoon 2023-03-31 10:37:31 -07:00
parent a90f178ee0
commit 872237167d
1 changed files with 5 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/widgets/resources/uptime.jsx
View File

@ -3,6 +3,8 @@ import { FaRegClock } from "react-icons/fa";
import { BiError } from "react-icons/bi"; import { BiError } from "react-icons/bi";
import { useTranslation } from "next-i18next"; import { useTranslation } from "next-i18next";
import UsageBar from "./usage-bar";
export default function Uptime() { export default function Uptime() {
const { t } = useTranslation(); const { t } = useTranslation();
@ -45,6 +47,8 @@ export default function Uptime() {
else if (d > 0) uptime = `${d}${t("resources.days")} ${h}${t("resources.hours")}`; else if (d > 0) uptime = `${d}${t("resources.days")} ${h}${t("resources.hours")}`;
else uptime = `${h}${t("resources.hours")} ${m}${t("resources.minutes")}`; else uptime = `${h}${t("resources.hours")} ${m}${t("resources.minutes")}`;
const percent = Math.round((new Date().getSeconds() / 60) * 100);
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">
<FaRegClock className="text-theme-800 dark:text-theme-200 w-5 h-5" /> <FaRegClock className="text-theme-800 dark:text-theme-200 w-5 h-5" />
@ -55,6 +59,7 @@ export default function Uptime() {
</div> </div>
<div className="pr-1">{t("resources.uptime")}</div> <div className="pr-1">{t("resources.uptime")}</div>
</span> </span>
<UsageBar percent={percent} />
</div> </div>
</div> </div>
); );