vh/homepage
1
0
Fork 0
mirror of https://github.com/gethomepage/homepage.git synced 2025-12-07 09:35:54 -08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Run pre-commit hooks over existing codebase

Browse Source 
Co-Authored-By: Ben Phelps <ben@phelps.io>
This commit is contained in:
shamoon
2023-10-17 23:26:55 -07:00
parent fa50bbad9c
commit 19c25713c4
387 changed files with 4785 additions and 4109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/widgets/glances/metrics/fs.jsx
View File

@@ -10,43 +10,59 @@ export default function Component({ service }) {
const { t } = useTranslation();
const { widget } = service;
const { chart } = widget;
const [, fsName] = widget.metric.split('fs:');
const [, fsName] = widget.metric.split("fs:");
const { data, error } = useWidgetAPI(widget, 'fs', {
const { data, error } = useWidgetAPI(widget, "fs", {
refreshInterval: 1000,
});
if (error) {
return <Container chart={chart}><Error error={error} /></Container>;
return (
<Container chart={chart}>
<Error error={error} />
</Container>
);
}
if (!data) {
return <Container chart={chart}><Block position="bottom-3 left-3">-</Block></Container>;
return (
<Container chart={chart}>
<Block position="bottom-3 left-3">-</Block>
</Container>
);
}
const fsData = data.find((item) => item[item.key] === fsName);
if (!fsData) {
return <Container chart={chart}><Block position="bottom-3 left-3">-</Block></Container>;
return (
<Container chart={chart}>
<Block position="bottom-3 left-3">-</Block>
</Container>
);
}
return (
<Container chart={chart}>
{ chart && (
{chart && (
<div className="absolute top-0 left-0 right-0 bottom-0">
<div style={{
height: `${Math.max(20, (fsData.size/fsData.free))}%`,
}} className="absolute bottom-0 border-t border-t-theme-500 bg-gradient-to-b from-theme-500/40 to-theme-500/10 w-full" />
<div
style={{
height: `${Math.max(20, fsData.size / fsData.free)}%`,
}}
className="absolute bottom-0 border-t border-t-theme-500 bg-gradient-to-b from-theme-500/40 to-theme-500/10 w-full"
/>
</div>
)}
<Block position="bottom-3 left-3">
{ fsData.used && chart && (
{fsData.used && chart && (
<div className="text-xs opacity-50">
{t("common.bbytes", {
value: fsData.used,
maximumFractionDigits: 0,
})} {t("resources.used")}
})}{" "}
{t("resources.used")}
</div>
)}
@@ -54,18 +70,20 @@ export default function Component({ service }) {
{t("common.bbytes", {
value: fsData.free,
maximumFractionDigits: 1,
})} {t("resources.free")}
})}{" "}
{t("resources.free")}
</div>
</Block>
{ !chart && (
{!chart && (
<Block position="top-3 right-3">
{fsData.used && (
<div className="text-xs opacity-50">
{t("common.bbytes", {
value: fsData.used,
maximumFractionDigits: 0,
})} {t("resources.used")}
})}{" "}
{t("resources.used")}
</div>
)}
</Block>
@@ -76,7 +94,8 @@ export default function Component({ service }) {
{t("common.bbytes", {
value: fsData.size,
maximumFractionDigits: 1,
})} {t("resources.total")}
})}{" "}
{t("resources.total")}
</div>
</Block>
</Container>