diff --git a/app/devices/page-client.tsx b/app/devices/page-client.tsx index 2708308..0e392f5 100644 --- a/app/devices/page-client.tsx +++ b/app/devices/page-client.tsx @@ -11,6 +11,8 @@ import { ArrowRightIcon, MonitorIcon, CheckCircleIcon, + Zap, + Gauge, } from "lucide-react" import { getDeviceColor } from "@/components/charts/EChartWrapper" @@ -31,6 +33,8 @@ export interface DeviceStats { headerImage: string | null fpsAvg: number } | null + wattHours: number | null + tdpMax: number | null } const deviceTypeLabel: Record = { @@ -233,6 +237,24 @@ export function DevicesPageClient({ devices }: { devices: DeviceStats[] }) { + {/* Power specs */} + {(device.wattHours || device.tdpMax) && ( +
+ {device.wattHours && ( + + + {Math.round(device.wattHours)}Wh + + )} + {device.tdpMax && ( + + + Up to {Math.round(device.tdpMax)}W TDP + + )} +
+ )} + {/* Best game */} {device.bestGame && (