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

more visual tweaks and design, fixed a coule bugs and removed some console logs

Browse source
This commit is contained in:
csawatzky 2026-06-11 16:48:00 -06:00
parent f04213af1e
commit ea13f97c57
8 changed files with 257 additions and 293 deletions
Download patch file Download diff file Expand all files Collapse all files

38
src/bin/binSensorsDisplay.tsx
View file

@ -734,7 +734,7 @@ export default function BinSensorsDisplay(props: Props){
if(showGraphs && device){
let icon = GetComponentIcon(plenum.type(), plenum.subType(), themeType)
return(
<Grid2 size={{xs: 12, sm: 6, md: 4, lg: 3}}>
<Grid2 key={plenum.key()} size={{xs: 12, sm: 6, md: 4, lg: 3}}>
<BinSensorGraph
icon={icon}
title={plenum.name()}
@ -754,7 +754,7 @@ export default function BinSensorsDisplay(props: Props){
)
}
return(
<Grid2 size={{xs: 12, sm: 6, md: 4, lg: 3}}>
<Grid2 key={plenum.key()} size={{xs: 12, sm: 6, md: 4, lg: 3}}>
{tempHumidCard(plenum)}
</Grid2>
)
@ -765,7 +765,7 @@ export default function BinSensorsDisplay(props: Props){
if(showGraphs && device){
let icon = GetComponentIcon(pressure.type(), pressure.subType(), themeType)
return(
<Grid2 size={{xs: 12, sm: 6, md: 4, lg: 3}}>
<Grid2 key={pressure.key()} size={{xs: 12, sm: 6, md: 4, lg: 3}}>
<BinSensorGraph
icon={icon}
title={pressure.name()}
@ -785,7 +785,7 @@ export default function BinSensorsDisplay(props: Props){
)
}
return(
<Grid2 size={{xs: 12, sm: 6, md: 4, lg: 3}}>
<Grid2 key={pressure.key()} size={{xs: 12, sm: 6, md: 4, lg: 3}}>
{pressureCard(pressure)}
</Grid2>
)
@ -795,7 +795,7 @@ export default function BinSensorsDisplay(props: Props){
if(showGraphs && device){
let icon = GetComponentIcon(ambient.type(), ambient.subType(), themeType)
return(
<Grid2 size={{xs: 12, sm: 6, md: 4, lg: 3}}>
<Grid2 key={ambient.key()} size={{xs: 12, sm: 6, md: 4, lg: 3}}>
<BinSensorGraph
icon={icon}
title={ambient.name()}
@ -815,7 +815,7 @@ export default function BinSensorsDisplay(props: Props){
)
}
return(
<Grid2 size={{xs: 12, sm: 6, md: 4, lg: 3}}>
<Grid2 key={ambient.key()} size={{xs: 12, sm: 6, md: 4, lg: 3}}>
{tempHumidCard(ambient)}
</Grid2>
)
@ -826,7 +826,7 @@ export default function BinSensorsDisplay(props: Props){
if(showGraphs && device){
let icon = GetComponentIcon(h.type(), h.subType(), themeType)
return(
<Grid2 size={{xs: 12, sm: 6, md: 4, lg: 3}}>
<Grid2 key={h.key()} size={{xs: 12, sm: 6, md: 4, lg: 3}}>
<BinSensorGraph
icon={icon}
title={h.name()}
@ -846,7 +846,7 @@ export default function BinSensorsDisplay(props: Props){
)
}
return(
<Grid2 size={{xs: 12, sm: 6, md: 4, lg: 3}}>
<Grid2 key={h.key()} size={{xs: 12, sm: 6, md: 4, lg: 3}}>
{tempHumidCard(h)}
</Grid2>
)
@ -857,7 +857,7 @@ export default function BinSensorsDisplay(props: Props){
if(showGraphs && device){
let icon = GetComponentIcon(co2.type(), co2.subType(), themeType)
return(
<Grid2 size={{xs: 12, sm: 6, md: 4, lg: 3}}>
<Grid2 key={co2.key()} size={{xs: 12, sm: 6, md: 4, lg: 3}}>
<BinSensorGraph
icon={icon}
title={co2.name()}
@ -877,7 +877,7 @@ export default function BinSensorsDisplay(props: Props){
)
}
return(
<Grid2 size={{xs: 12, sm: 6, md: 4, lg: 3}}>
<Grid2 key={co2.key()} size={{xs: 12, sm: 6, md: 4, lg: 3}}>
{co2Card(co2)}
</Grid2>
)
@ -887,7 +887,7 @@ export default function BinSensorsDisplay(props: Props){
if(showGraphs && device){
let icon = GetComponentIcon(lidar.type(), lidar.subType(), themeType)
return(
<Grid2 size={{xs: 12, sm: 6, md: 4, lg: 3}}>
<Grid2 key={lidar.key()} size={{xs: 12, sm: 6, md: 4, lg: 3}}>
<BinSensorGraph
icon={icon}
title={lidar.name()}
@ -907,7 +907,7 @@ export default function BinSensorsDisplay(props: Props){
)
}
return (
<Grid2 size={{xs: 12, sm: 6, md: 4, lg: 3}}>
<Grid2 key={lidar.key()} size={{xs: 12, sm: 6, md: 4, lg: 3}}>
{lidarCard(lidar)}
</Grid2>
)
@ -917,7 +917,7 @@ export default function BinSensorsDisplay(props: Props){
if(showGraphs && device){
let icon = GetComponentIcon(cable.type(), cable.subType(), themeType)
return(
<Grid2 size={{xs: 12, sm: 6, md: 4, lg: 3}}>
<Grid2 key={cable.key()} size={{xs: 12, sm: 6, md: 4, lg: 3}}>
<BinSensorGraph
icon={icon}
title={cable.name()}
@ -939,7 +939,7 @@ export default function BinSensorsDisplay(props: Props){
)
}
return(
<Grid2 size={{xs: 12, sm: 6, md: 4, lg: 3}}>
<Grid2 key={cable.key()} size={{xs: 12, sm: 6, md: 4, lg: 3}}>
{cableCard(cable)}
</Grid2>
)
@ -957,7 +957,7 @@ export default function BinSensorsDisplay(props: Props){
if(showGraphs && device){
let icon = GetComponentIcon(heater.type(), heater.subType(), themeType)
return(
<Grid2 size={{xs: 12, sm: 6, md: 4, lg: 3}}>
<Grid2 key={heater.key()} size={{xs: 12, sm: 6, md: 4, lg: 3}}>
<BinSensorGraph
device={device}
icon={icon}
@ -977,7 +977,7 @@ export default function BinSensorsDisplay(props: Props){
)
}
return (
<Grid2 size={{xs: 12, sm: 6, md: 4, lg: 3}}>
<Grid2 key={heater.key()} size={{xs: 12, sm: 6, md: 4, lg: 3}}>
{controllerCard(heater)}
</Grid2>
)
@ -987,7 +987,7 @@ export default function BinSensorsDisplay(props: Props){
if(showGraphs && device){
let icon = GetComponentIcon(fan.type(), fan.subType(), themeType)
return(
<Grid2 size={{xs: 12, sm: 6, md: 4, lg: 3}}>
<Grid2 key={fan.key()} size={{xs: 12, sm: 6, md: 4, lg: 3}}>
<BinSensorGraph
device={device}
icon={icon}
@ -1007,7 +1007,7 @@ export default function BinSensorsDisplay(props: Props){
)
}
return (
<Grid2 size={{xs: 12, sm: 6, md: 4, lg: 3}}>
<Grid2 key={fan.key()} size={{xs: 12, sm: 6, md: 4, lg: 3}}>
{controllerCard(fan)}
</Grid2>
)
@ -1020,7 +1020,7 @@ export default function BinSensorsDisplay(props: Props){
<Typography sx={{ fontWeight: 650, fontSize: 25 }}>Unassigned Components</Typography>
<Grid2 container spacing={2}>
{unassignedComponents.map(comp => (
<Grid2 size={{ xs: 6, sm: 6, md: 4, lg: 3 }}>
<Grid2 key={comp.key()} size={{ xs: 6, sm: 6, md: 4, lg: 3 }}>
{unassignedComponentCard(comp)}
</Grid2>
))}