Karl/homepage
1
0
Fork 0
mirror of https://github.com/karl0ss/homepage.git synced 2025-05-04 06:23:40 +01:00
Code Issues Packages Projects Releases Wiki Activity

glances temp usage bar

Browse Source
This commit is contained in:
shamoon 2023-03-31 10:37:41 -07:00
parent 872237167d
commit 4cb5241e94
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/glances/glances.jsx
View File

@ -66,9 +66,12 @@ export default function Widget({ options }) {
const unit = options.units === "imperial" ? "fahrenheit" : "celsius"; const unit = options.units === "imperial" ? "fahrenheit" : "celsius";
let mainTemp; let mainTemp;
let maxTemp = 80;
if (options.cputemp && data.sensors) { if (options.cputemp && data.sensors) {
mainTemp = unit === "celsius" ? data.sensors.find(s => s.label.includes("cpu_thermal")).value : data.sensors.find(s => s.label.includes("cpu_thermal")).value * 5/9 + 32; mainTemp = unit === "celsius" ? data.sensors.find(s => s.label.includes("cpu_thermal")).value : data.sensors.find(s => s.label.includes("cpu_thermal")).value * 5/9 + 32;
if (data.sensors.warning) maxTemp = data.sensors.warning;
} }
const tempPercent = Math.round((mainTemp / maxTemp) * 100);
return ( return (
<div className="flex flex-col max-w:full sm:basis-auto self-center grow-0 flex-wrap ml-4"> <div className="flex flex-col max-w:full sm:basis-auto self-center grow-0 flex-wrap ml-4">
@ -122,6 +125,7 @@ export default function Widget({ options }) {
</div> </div>
<div className="pr-1">{t("glances.temp")}</div> <div className="pr-1">{t("glances.temp")}</div>
</span> </span>
<UsageBar percent={tempPercent} />
</div> </div>
</div>)} </div>)}
{options.uptime && data.uptime && {options.uptime && data.uptime &&
@ -134,6 +138,7 @@ export default function Widget({ options }) {
</div> </div>
<div className="pr-1">{t("glances.uptime")}</div> <div className="pr-1">{t("glances.uptime")}</div>
</span> </span>
<UsageBar percent={Math.round((new Date().getSeconds() / 60) * 100)} />
</div> </div>
</div>)} </div>)}
</div> </div>