|  |  |  | 
|---|
|  |  |  | const [moveLocType, setMoveLocType] = useState(1); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | useEffect(() => { | 
|---|
|  |  |  | var newWs = new WebSocket("ws://127.0.0.1:9090/wcs/ws/shuttle/websocket"); | 
|---|
|  |  |  | setWs(newWs); | 
|---|
|  |  |  | connect(); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | return () => { | 
|---|
|  |  |  | if (ws) { | 
|---|
|  |  |  | 
|---|
|  |  |  |  | 
|---|
|  |  |  | ws.onclose = function (e) { | 
|---|
|  |  |  | console.log("close"); | 
|---|
|  |  |  | reconnect(); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | ws.onerror = function (e) { | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, [ws]); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const connect = () => { | 
|---|
|  |  |  | var newWs = new WebSocket("ws://127.0.0.1:9090/wcs/ws/shuttle/websocket"); | 
|---|
|  |  |  | setWs(newWs); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const reconnect = () => { | 
|---|
|  |  |  | setTimeout(() => { | 
|---|
|  |  |  | console.log('WebSocketClient: Attempting to reconnect...'); | 
|---|
|  |  |  | connect(); | 
|---|
|  |  |  | }, 3000); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const sendWs = (message) => { | 
|---|
|  |  |  | if (ws.readyState == WebSocket.OPEN) { | 
|---|
|  |  |  | ws.send(message) | 
|---|