0ct0pu5/homepage
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add temp usage bar, fix disk percentage

Browse source
This commit is contained in:
shamoon 2023-03-30 14:36:40 -07:00
parent 868c16620f
commit 1e64cf02cd
2 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/components/widgets/resources/cputemp.jsx
View file

@ -2,6 +2,7 @@ import useSWR from "swr";
import { FaThermometerHalf } from "react-icons/fa";
import { BiError } from "react-icons/bi";
import { useTranslation } from "next-i18next";
import UsageBar from "./usage-bar";
export default function CpuTemp({ expanded, units }) {
const { t } = useTranslation();
@ -44,6 +45,7 @@ export default function CpuTemp({ expanded, units }) {
const unit = units === "imperial" ? "fahrenheit" : "celsius";
const mainTemp = (unit === "celsius") ? data.cputemp.main : data.cputemp.main * 5/9 + 32;
const maxTemp = (unit === "celsius") ? data.cputemp.max : data.cputemp.max * 5/9 + 32;
const percent = Math.round((mainTemp / maxTemp) * 100);
return (
<div className="flex-none flex flex-row items-center mr-3 py-1.5">
@ -73,6 +75,7 @@ export default function CpuTemp({ expanded, units }) {
<div className="pr-1">{t("resources.max")}</div>
</span>
)}
<UsageBar percent={percent} />
</div>
</div>
);

3
src/components/widgets/resources/disk.jsx
View file

@ -44,7 +44,8 @@ export default function Disk({ options, expanded }) {
);
}
const percent = Math.round((data.drive.used / data.drive.size) * 100);
// data.drive.used not accurate?
const percent = Math.round(((data.drive.size - data.drive.available) / data.drive.size) * 100);
return (
<div className="flex-none flex flex-row items-center mr-3 py-1.5">