From fd53e5e3918c033d4d6717931b0e3b5244961d5b Mon Sep 17 00:00:00 2001
From: Rithvik Nishad <mail@rithviknishad.dev>
Date: Wed, 7 Feb 2024 11:19:06 +0530
Subject: [PATCH] fixes #7145; live refresh cns on middleware hostname change
 (#7149)

---
 src/Components/Assets/AssetType/HL7Monitor.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/Components/Assets/AssetType/HL7Monitor.tsx b/src/Components/Assets/AssetType/HL7Monitor.tsx
index 86b9565e536..a7be23baad8 100644
--- a/src/Components/Assets/AssetType/HL7Monitor.tsx
+++ b/src/Components/Assets/AssetType/HL7Monitor.tsx
@@ -69,6 +69,11 @@ const HL7Monitor = (props: HL7MonitorProps) => {
   };
 
   if (isLoading) return <Loading />;
+
+  const socketUrl = `wss://${
+    middlewareHostname || resolvedMiddleware?.hostname
+  }/observations/${localipAddress}`;
+
   return (
     <div className="mx-auto flex w-full xl:mt-8">
       <div className="mx-auto flex flex-col gap-4 xl:flex-row-reverse">
@@ -126,13 +131,12 @@ const HL7Monitor = (props: HL7MonitorProps) => {
         )}
 
         {assetType === "HL7MONITOR" && (
-          <HL7PatientVitalsMonitor
-            socketUrl={`wss://${resolvedMiddleware?.hostname}/observations/${localipAddress}`}
-          />
+          <HL7PatientVitalsMonitor key={socketUrl} socketUrl={socketUrl} />
         )}
         {assetType === "VENTILATOR" && (
           <VentilatorPatientVitalsMonitor
-            socketUrl={`wss://${resolvedMiddleware?.hostname}/observations/${localipAddress}`}
+            key={socketUrl}
+            socketUrl={socketUrl}
           />
         )}
       </div>