fix(dashboard): show device friendly names

This commit is contained in:
2025-10-30 00:33:07 +00:00
parent 411c5648df
commit e168f3ad4a

View File

@@ -27,6 +27,11 @@ const intermediateBrightnessAtoms = atom({
[ZIGBEE_DEVICE.livingRoomFloorLamp]: atom(-1), [ZIGBEE_DEVICE.livingRoomFloorLamp]: atom(-1),
}) })
const DEVICE_FRIENDLY_NAMES = {
[ZIGBEE_DEVICE.deskLamp]: "Desk Lamp",
[ZIGBEE_DEVICE.livingRoomFloorLamp]: "Floor Lamp",
} as const
function App() { function App() {
const wsProtocol = window.location.protocol === "https:" ? "wss:" : "ws:" const wsProtocol = window.location.protocol === "https:" ? "wss:" : "ws:"
const wsHost = import.meta.env.VITE_API_HOST || window.location.host const wsHost = import.meta.env.VITE_API_HOST || window.location.host
@@ -773,7 +778,7 @@ function LightControlTile({
})} })}
</div> </div>
<div className="px-4 pb-2 w-full flex flex-row items-center justify-center space-x-2"> <div className="px-4 pb-2 w-full flex flex-row items-center justify-center space-x-2">
<p className="tracking-tigher uppercase">Desk light</p> <p className="tracking-tigher uppercase">{DEVICE_FRIENDLY_NAMES[deviceName]}</p>
<BrightnessLevelLabel deviceName={deviceName} /> <BrightnessLevelLabel deviceName={deviceName} />
</div> </div>
</Tile> </Tile>