From 2a578a947e36a019b7594e12952771c61aaf0527 Mon Sep 17 00:00:00 2001
From: Carter <carter@adaptiveagriculture.ca>
Date: Fri, 16 May 2025 12:27:22 -0600
Subject: [PATCH] fixed sen5x status component not rotating after switching
 setting

---
 src/common/StatusSen5x.tsx | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/common/StatusSen5x.tsx b/src/common/StatusSen5x.tsx
index 887fd10..632709e 100644
--- a/src/common/StatusSen5x.tsx
+++ b/src/common/StatusSen5x.tsx
@@ -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