added basic error handling

src/frontend/src/modals/chatModal/index.tsx

@@ -50,12 +50,13 @@ export default function ChatModal({
 		});
 	};
 	
-	useEffect(() => {
+	function connectWS(){
 		const newWs = new WebSocket(`ws://127.0.0.1:5003/chat/${flow.id}`);
 		newWs.onopen = () => {
 			console.log("WebSocket connection established!");
 		};
 		newWs.onmessage = (event) => {
+			try {
 				const data = JSON.parse(event.data);
 				console.log("Received data:", data);
 				//get chat history
@@ -109,17 +110,31 @@ export default function ChatModal({
 				if (data.type == "file") {
 					console.log(data);
 				}
-			// Do something with the data received from the WebSocket
+			} catch (error) {
+				setErrorData({title:event.data})
+				if(newWs.readyState===newWs.CLOSED){
+					window.alert(error)
+					
+				}
+			}
+
 		};
-		newWs.onclose = (e) => {
-			console.log("close");
+		newWs.onclose = (_) => {
+			if(open){
 			setLockChat(false);
-		};
-		newWs.onerror = (e) => {
-			window.alert("error");
+			setTimeout(() => {
+				connectWS()
+			  }, 100);
+			}
 		};
 		setWs(newWs);
 
+		return newWs
+
+	}
+
+	useEffect(() => {
+		let newWs = connectWS()
 		return () => {
 			newWs.close();
 		};