| /*eslint-disable*/ | /*eslint-disable*/ | ||||
| import React, {useState, useEffect} from "react"; | |||||
| import io from 'socket.io-client'; | |||||
| import React, { useState, useEffect } from "react"; | |||||
| import io from "socket.io-client"; | |||||
| import { Router } from "react-router-dom"; | import { Router } from "react-router-dom"; | ||||
| import { Helmet } from "react-helmet-async"; | import { Helmet } from "react-helmet-async"; | ||||
| import i18next from "i18next"; | import i18next from "i18next"; | ||||
| import "react-toastify/dist/ReactToastify.css"; | import "react-toastify/dist/ReactToastify.css"; | ||||
| const URL = "https://trampa-api-test.dilig.net"; | const URL = "https://trampa-api-test.dilig.net"; | ||||
| const socket2 = io(URL, {autoConnect: true}); | |||||
| const socket = io(URL, {autoConnect: true, transports: ["websocket"]}); | |||||
| const socket2 = io("https://trampa-api-test.dilig.net", { autoConnect: true, reconnectionAttempts: 5 }); | |||||
| const socket = io("https://trampa-api-test.dilig.net", { | |||||
| autoConnect: true, | |||||
| transports: ["websocket"], | |||||
| reconnectionAttempts: 5, | |||||
| }); | |||||
| const socket4 = io("https://trampa-api-test.dilig.net", { autoConnect: true, reconnectionAttempts: 5 }); | |||||
| const socket3 = io("https://trampa-api-test.dilig.net", { | |||||
| autoConnect: true, | |||||
| transports: ["websocket"], | |||||
| reconnectionAttempts: 5, | |||||
| }); | |||||
| const App = () => { | const App = () => { | ||||
| console.log(socket); | console.log(socket); | ||||
| console.log(socket2) | |||||
| console.log(socket2); | |||||
| const [isConnected, setIsConnected] = useState(socket.connected); | const [isConnected, setIsConnected] = useState(socket.connected); | ||||
| const [lastPong, setLastPong] = useState(null); | const [lastPong, setLastPong] = useState(null); | ||||
| console.log("client: ", client); | console.log("client: ", client); | ||||
| setIsConnected(true); | setIsConnected(true); | ||||
| }); | }); | ||||
| socket2.on("connect", (client) => { | |||||
| console.log("client: ", client); | |||||
| setIsConnected(true); | |||||
| }); | |||||
| socket3.on("connect", (client) => { | |||||
| console.log("client: ", client); | |||||
| setIsConnected(true); | |||||
| }); | |||||
| socket4.on("connect", (client) => { | |||||
| console.log("client: ", client); | |||||
| setIsConnected(true); | |||||
| }); | |||||
| socket.on("session", ({ sessionID, userID }) => { | socket.on("session", ({ sessionID, userID }) => { | ||||
| localStorage.setItem("sessionID", sessionID); | localStorage.setItem("sessionID", sessionID); | ||||
| localStorage.setItem("userID", userID); | localStorage.setItem("userID", userID); | ||||
| socket.off("connect"); | socket.off("connect"); | ||||
| socket.off("disconnect"); | socket.off("disconnect"); | ||||
| socket.off("pong"); | socket.off("pong"); | ||||
| socket.off("reconnection_attempt") | |||||
| }; | }; | ||||
| }, []); | }, []); | ||||
| const handleClick = () => { | const handleClick = () => { | ||||
| // socket.disconnect(); | // socket.disconnect(); | ||||
| socket.disconnect(); | socket.disconnect(); | ||||
| }; | }; | ||||
| console.log(socket); | |||||
| return ( | return ( | ||||
| <Router history={history}> | <Router history={history}> | ||||
| <Helmet> | <Helmet> |