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

fixed sen5x status component not rotating after switching setting

Browse source
This commit is contained in:
Carter 2025-05-16 12:27:22 -06:00
parent c19974edd9
commit 2a578a947e
1 changed files with 10 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/common/StatusSen5x.tsx
View file

@ -52,7 +52,7 @@ const useStyles = makeStyles((theme: Theme) => {
export default function StatusPlenum(props: Props) {
const { device, noDust } = props;
const classes = useStyles()
// console.log(noDust)
const colors = or(device.status.sen5x?.overlays.map(overlay => overlay.color), []);
const messages = or(device.status.sen5x?.overlays.map(overlay => overlay.message), []);
@ -73,15 +73,19 @@ export default function StatusPlenum(props: Props) {
const [currentIndex, setCurrentIndex] = useState(0);
// Auto-cycle through measurements every 3 seconds
// Auto-cycle through measurements every 5 seconds
useEffect(() => {
if (noDust) return
if (noDust) {
setCurrentIndex(0)
return
}
const interval = setInterval(() => {
setCurrentIndex((prevIndex) => (prevIndex + 1) % 2);
}, 3000); // Adjust timing as needed (3000ms = 3s)
console.log(noDust)
if (!noDust) setCurrentIndex((prevIndex) => (prevIndex + 1) % 2);
}, 5000);
return () => clearInterval(interval); // Cleanup on unmount
}, []);
}, [noDust]);
const tooltip = () => {
if (messages.length === 0) return null