pierre/SolarEnergy
1
0
Fork 0
Code Issues 1 Pull Requests 3 Actions Packages Projects Releases 3 Wiki Activity

Show current consumption chart

Browse Source
This commit is contained in:
Pierre HUBERT
2024-09-26 22:37:43 +02:00
parent 2e72634abf
commit 903f1fa8ce
4 changed files with 77 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
central_frontend/src/routes/HomeRoute/CachedConsumptionWidget.tsx
View File

@ -26,12 +26,6 @@ export function CachedConsumptionWidget(): React.ReactElement {
});
return (
<StatCard
title="Cached consumption"
data={[]}
interval="Current data"
trend="neutral"
value={val?.toString() ?? "Loading"}
/>
<StatCard title="Cached consumption" value={val?.toString() ?? "Loading"} />
);
}

11
central_frontend/src/routes/HomeRoute/CurrConsumptionWidget.tsx
View File

@ -7,11 +7,14 @@ export function CurrConsumptionWidget(): React.ReactElement {
const snackbar = useSnackbar();
const [val, setVal] = React.useState<undefined | number>();
const [history, setHistory] = React.useState<number[] | undefined>();
const refresh = async () => {
try {
const s = await EnergyApi.CurrConsumption();
const s = await EnergyApi.GridConsumption();
const history = await EnergyApi.GridConsumptionHistory();
setVal(s);
setHistory(history);
} catch (e) {
console.error(e);
snackbar("Failed to refresh current consumption!");
@ -19,7 +22,6 @@ export function CurrConsumptionWidget(): React.ReactElement {
};
React.useEffect(() => {
refresh();
const i = setInterval(() => refresh(), 3000);
return () => clearInterval(i);
@ -28,9 +30,8 @@ export function CurrConsumptionWidget(): React.ReactElement {
return (
<StatCard
title="Current consumption"
data={[]}
interval="Current data"
trend="neutral"
data={history ?? []}
interval="Last day"
value={val?.toString() ?? "Loading"}
/>
);