From fb7b9739cc5248887c5a4b741cd63c19980da1d7 Mon Sep 17 00:00:00 2001
From: Nicole Rappe <nicole.rappe@bunny-lab.io>
Date: Sun, 7 Sep 2025 23:45:25 -0600
Subject: [PATCH] Removed Auto-Refresh from Device List and Added Refresh
 Button

---
 Data/Server/WebUI/src/Devices/Device_List.jsx | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/Data/Server/WebUI/src/Devices/Device_List.jsx b/Data/Server/WebUI/src/Devices/Device_List.jsx
index 28018a1..6a31714 100644
--- a/Data/Server/WebUI/src/Devices/Device_List.jsx
+++ b/Data/Server/WebUI/src/Devices/Device_List.jsx
@@ -24,6 +24,7 @@ import MoreVertIcon from "@mui/icons-material/MoreVert";
 import FilterListIcon from "@mui/icons-material/FilterList";
 import ViewColumnIcon from "@mui/icons-material/ViewColumn";
 import AddIcon from "@mui/icons-material/Add";
+import CachedIcon from "@mui/icons-material/Cached";
 import { DeleteDeviceDialog, CreateCustomViewDialog, RenameCustomViewDialog } from "../Dialogs.jsx";
 import QuickJob from "../Scheduling/Quick_Job.jsx";
 
@@ -242,9 +243,8 @@ export default function DeviceList({ onSelectDevice }) {
   }, []);
 
   useEffect(() => {
+    // Initial load only; removed auto-refresh interval
     fetchAgents();
-    const t = setInterval(fetchAgents, 5000);
-    return () => clearInterval(t);
   }, [fetchAgents]);
 
   useEffect(() => {
@@ -537,6 +537,15 @@ export default function DeviceList({ onSelectDevice }) {
                 <AddIcon fontSize="small" />
               </IconButton>
             </Box>
+            <Tooltip title="Refresh Devices to Detect Changes">
+              <IconButton
+                size="small"
+                onClick={fetchAgents}
+                sx={{ color: "#bbb", mr: 1 }}
+              >
+                <CachedIcon fontSize="small" />
+              </IconButton>
+            </Tooltip>
             <Tooltip title="Column Chooser">
               <IconButton
                 size="small"