Merge pull request #118 from ISISComputingGroup/useState_for_lastUpdate

use a setState for lastUpdate

Author: rerpha

app/components/InstrumentData.tsx

@@ -33,15 +33,14 @@ import TopBar from "@/app/components/TopBar";
 import CheckToggle from "@/app/components/CheckToggle";
 import Groups from "@/app/components/Groups";
 
-let lastUpdate: string = "";
-
 export function InstrumentData({ instrumentName }: { instrumentName: string }) {
   const [showHiddenBlocks, setShowHiddenBlocks] = useState(false);
   const CONFIG_DETAILS = "CS:BLOCKSERVER:WD_CONF_DETAILS";
   const [instlist, setInstlist] = useState<instList | null>(null);
   const [currentInstrument, setCurrentInstrument] = useState<Instrument | null>(
     null,
   );
+  const [lastUpdate, setLastUpdate] = useState<string>("");
 
   const instName = instrumentName;
 
@@ -119,7 +118,7 @@ export function InstrumentData({ instrumentName }: { instrumentName: string }) {
         // config hasnt actually changed so do nothing
         return;
       }
-      lastUpdate = updatedPVbytes;
+      setLastUpdate(updatedPVbytes);
       const res = dehex_and_decompress(atob(updatedPVbytes));
       currentInstrument.groups = getGroupsWithBlocksFromConfigOutput(
         JSON.parse(res),
@@ -183,7 +182,7 @@ export function InstrumentData({ instrumentName }: { instrumentName: string }) {
         }
       }
     }
-  }, [lastJsonMessage, currentInstrument, sendJsonMessage]);
+  }, [lastJsonMessage, currentInstrument, sendJsonMessage, lastUpdate]);
 
   if (!instName || !currentInstrument) {
     return <h1>Loading...</h1>;