From 3cce11db6b988b7f370dfb6c6f6943db7f4f6f6d Mon Sep 17 00:00:00 2001
From: csawatzky <chris@adaptiveagriculture.ca>
Date: Thu, 20 Nov 2025 16:17:16 -0600
Subject: [PATCH] setting the default option to the first device in the list

---
 src/bin/conditioning/modeChangeDialog.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/bin/conditioning/modeChangeDialog.tsx b/src/bin/conditioning/modeChangeDialog.tsx
index 630b158..2913e4a 100644
--- a/src/bin/conditioning/modeChangeDialog.tsx
+++ b/src/bin/conditioning/modeChangeDialog.tsx
@@ -105,6 +105,8 @@ export default function ModeChangeDialog(props: Props){
   const [outdoorTempInput, setOutdoorTempInput] = useState<string>("")
   const [outdoorHumidityInput, setOutdoorHumidityInput] = useState<string>("")
 
+  const [deviceOption, setDeviceOption] = useState<Option>()
+
   useEffect(()=>{
     setMoistureInput(defaultTargetMoisture?.toFixed(2) ?? "0")
     setOutdoorTempInput(defaultOutdoorTemp?.toFixed(2) ?? "0")
@@ -185,7 +187,12 @@ if (!selectedDevice) return;
   useEffect(() => {
     let o: Option[] = [];
     devices.forEach(device => {
-      o.push({ device: device, label: device.name() });
+      let newOption: Option = {device: device, label: device.name()}
+      if(deviceOption === undefined) {
+        setDeviceOption(newOption)
+        setSelectedDevice(device)
+      }
+      o.push(newOption);
     });
     setOptions(o);
   }, [devices, setOptions]);
@@ -535,6 +542,7 @@ if (!selectedDevice) return;
       <Autocomplete
         disablePortal
         options={options}
+        value={deviceOption}
         fullWidth
         getOptionLabel={option => option.label || ""}
         onChange={(_, newValue) => {