mirror of
https://github.com/karl0ss/homepage.git
synced 2025-05-01 13:09:31 +01:00
fix resources GB used
stat
This commit is contained in:
parent
ca7ccee3d0
commit
283cb0681d
@ -4,12 +4,9 @@ import { FaMemory } from "react-icons/fa";
|
||||
import { BiError } from "react-icons/bi";
|
||||
|
||||
export default function Resources({ options }) {
|
||||
const { data, error } = useSWR(
|
||||
`/api/widgets/resources?disk=${options.disk}`,
|
||||
{
|
||||
refreshInterval: 1500,
|
||||
}
|
||||
);
|
||||
const { data, error } = useSWR(`/api/widgets/resources?disk=${options.disk}`, {
|
||||
refreshInterval: 1500,
|
||||
});
|
||||
|
||||
if (error) {
|
||||
return (
|
||||
@ -30,12 +27,8 @@ export default function Resources({ options }) {
|
||||
<div className="flex-none flex flex-row items-center justify-center mr-5">
|
||||
<FiHardDrive className="text-theme-800 dark:text-theme-200 w-5 h-5" />
|
||||
<div className="flex flex-col ml-3 text-left font-mono">
|
||||
<span className="text-theme-800 dark:text-theme-200 text-xs">
|
||||
- GB free
|
||||
</span>
|
||||
<span className="text-theme-800 dark:text-theme-200 text-xs">
|
||||
- GB used
|
||||
</span>
|
||||
<span className="text-theme-800 dark:text-theme-200 text-xs">- GB free</span>
|
||||
<span className="text-theme-800 dark:text-theme-200 text-xs">- GB used</span>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
@ -44,12 +37,8 @@ export default function Resources({ options }) {
|
||||
<div className="flex-none flex flex-row items-center justify-center mr-5">
|
||||
<FiCpu className="text-theme-800 dark:text-theme-200 w-5 h-5" />
|
||||
<div className="flex flex-col ml-3 text-left font-mono">
|
||||
<span className="text-theme-800 dark:text-theme-200 text-xs">
|
||||
- Usage
|
||||
</span>
|
||||
<span className="text-theme-800 dark:text-theme-200 text-xs">
|
||||
- Load
|
||||
</span>
|
||||
<span className="text-theme-800 dark:text-theme-200 text-xs">- Usage</span>
|
||||
<span className="text-theme-800 dark:text-theme-200 text-xs">- Load</span>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
@ -58,12 +47,8 @@ export default function Resources({ options }) {
|
||||
<div className="flex-none flex flex-row items-center justify-center mr-5">
|
||||
<FaMemory className="text-theme-800 dark:text-theme-200 w-5 h-5" />
|
||||
<div className="flex flex-col ml-3 text-left font-mono">
|
||||
<span className="text-theme-800 dark:text-theme-200 text-xs">
|
||||
- GB Used
|
||||
</span>
|
||||
<span className="text-theme-800 dark:text-theme-200 text-xs">
|
||||
- GB Free
|
||||
</span>
|
||||
<span className="text-theme-800 dark:text-theme-200 text-xs">- GB Used</span>
|
||||
<span className="text-theme-800 dark:text-theme-200 text-xs">- GB Free</span>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
@ -81,12 +66,8 @@ export default function Resources({ options }) {
|
||||
<div className="flex-none flex flex-row items-center justify-center mr-5">
|
||||
<FiHardDrive className="text-theme-800 dark:text-theme-200 w-5 h-5" />
|
||||
<div className="flex flex-col ml-3 text-left font-mono">
|
||||
<span className="text-theme-800 dark:text-theme-200 text-xs">
|
||||
{Math.round(data.drive.freeGb)} GB free
|
||||
</span>
|
||||
<span className="text-theme-800 dark:text-theme-200 text-xs">
|
||||
{Math.round(data.drive.totalGb)} GB used
|
||||
</span>
|
||||
<span className="text-theme-800 dark:text-theme-200 text-xs">{Math.round(data.drive.freeGb)} GB free</span>
|
||||
<span className="text-theme-800 dark:text-theme-200 text-xs">{Math.round(data.drive.usedGb)} GB used</span>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
@ -95,9 +76,7 @@ export default function Resources({ options }) {
|
||||
<div className="flex-none flex flex-row items-center justify-center mr-5">
|
||||
<FiCpu className="text-theme-800 dark:text-theme-200 w-5 h-5" />
|
||||
<div className="flex flex-col ml-3 text-left font-mono">
|
||||
<span className="text-theme-800 dark:text-theme-200 text-xs">
|
||||
{Math.round(data.cpu.usage)}% Usage
|
||||
</span>
|
||||
<span className="text-theme-800 dark:text-theme-200 text-xs">{Math.round(data.cpu.usage)}% Usage</span>
|
||||
<span className="text-theme-800 dark:text-theme-200 text-xs">
|
||||
{Math.round(data.cpu.load * 100) / 100} Load
|
||||
</span>
|
||||
|
Loading…
x
Reference in New Issue
Block a user