Display TpLink Tapo power usage values
This commit is contained in:
parent
e6b5fed399
commit
a0487c0b59
5 changed files with 187 additions and 0 deletions
18
app/components/PowerGrid.tsx
Normal file
18
app/components/PowerGrid.tsx
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
import { type PowerData } from "../lib/getPower";
|
||||
import PowerCard from "./PowerCard";
|
||||
|
||||
interface PowerGridProps {
|
||||
power: PowerData | null;
|
||||
}
|
||||
|
||||
export default function PowerGrid({ power }: PowerGridProps) {
|
||||
const server = power?.devices.find((d) => d.name === "server") ?? null;
|
||||
const desktop = power?.devices.find((d) => d.name === "desktop") ?? null;
|
||||
|
||||
return (
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-3.5 mb-11">
|
||||
<PowerCard device={server} label="Server" delay={0} />
|
||||
<PowerCard device={desktop} label="Desktop" delay={60} />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue