brandxtech/frontend
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

styled the temp humidity a little on devices plenums

Browse source
This commit is contained in:
Carter 2025-02-25 09:15:46 -06:00
parent e506906c93
commit 9a72668e35
1 changed files with 7 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/pages/Devices.tsx
View file

@ -1,6 +1,6 @@
import { DeveloperBoard as ProvisionIcon, LibraryAdd as CreateGroupIcon } from "@mui/icons-material";
import { Box, Chip, CircularProgress, Grid2, IconButton, Skeleton, Tab, Tabs, Theme, Tooltip, Typography } from "@mui/material";
import { blue, green } from "@mui/material/colors";
import { blue, green, orange } from "@mui/material/colors";
import { makeStyles } from "@mui/styles";
import ResponsiveTable, { Column } from "common/ResponsiveTable";
import ProvisionDevice from "device/ProvisionDevice";
@ -198,7 +198,6 @@ export default function Devices() {
).then(resp => {
let newDevices: Device[] = []
resp.data.devices.forEach(device => {
console.log(device.status?.plenum?.temperature)
if (device.status?.plenum?.temperature) {
setHasPlenums(true)
}
@ -322,25 +321,22 @@ export default function Devices() {
render: (device: Device) => {
if (device.status.plenum?.temperature) {
return (
<Grid2 container direction="column">
<Grid2 container direction="column" margin={1} marginLeft={2}>
<Grid2>
<Typography>
{device.status.plenum.temperature}
<Typography variant="body2" style={{ color: orange[300]}}>
{device.status.plenum.temperature}°C
</Typography>
</Grid2>
<Grid2>
<Typography>
{device.status.plenum.humidity}
<Typography variant="body2" color="info">
{device.status.plenum.humidity}%
</Typography>
</Grid2>
</Grid2>
)
} else {
return (
<Typography>
No Data
</Typography>
<></>
)
}
}