Ready for production-test

package.json

@@ -1,6 +1,6 @@
 {
   "name": "web",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "private": true,
   "dependencies": {
     "@emotion/react": "^11.5.0",

src/App.js

@@ -1,5 +1,6 @@
-import React from "react";
-// import io from 'socket.io-client';
+/*eslint-disable*/
+import React, {useState, useEffect} from "react";
+import io from 'socket.io-client';
 import { Router } from "react-router-dom";
 import { Helmet } from "react-helmet-async";
 import i18next from "i18next";
@@ -11,69 +12,69 @@ import GlobalStyle from "./components/Styles/globalStyles";
 import { ToastContainer } from "react-toastify";
 import "react-toastify/dist/ReactToastify.css";
 
-// const URL = "http://192.168.88.143:3001";
-// const socket = io(URL, {autoConnect: true, transports: ['websocket']});
+const URL = "https://trampa-api-test.dilig.net/";
+const socket = io(URL, {autoConnect: true, transports: ['websocket']});
 const App = () => {
-  // console.log(io)
+  console.log(io)
 
-  // const [isConnected, setIsConnected] = useState(socket.connected);
-  // const [lastPong, setLastPong] = useState(null);
-  // console.log();
-  // useEffect(() => {
-  //   socket.on("connect", (client) => {
-  //     console.log(client);
-  //     setIsConnected(true);
-  //   });
-  //   // socket.on("connect_error", (err) => {
-  //   //   console.log(err);
-  //   // });
+  const [isConnected, setIsConnected] = useState(socket.connected);
+  const [lastPong, setLastPong] = useState(null);
+  console.log();
+  useEffect(() => {
+    socket.on("connect", (client) => {
+      console.log(client);
+      setIsConnected(true);
+    });
+    // socket.on("connect_error", (err) => {
+    //   console.log(err);
+    // });
 
-  //   socket.on("connection", (client) => {
-  //     console.log(client);
-  //   });
+    socket.on("connection", (client) => {
+      console.log(client);
+    });
 
-  //   socket.on("disconnect", () => {
-  //     setIsConnected(false);
-  //   });
+    socket.on("disconnect", () => {
+      setIsConnected(false);
+    });
 
-  //   // socket.on('emit', (client) => {
-  //   //   console.log(client);
-  //   // })
-  //   socket.on("sokkk", (clg) => {
-  //     console.log(clg);
-  //   })
-  //   // socket.onAny((event, ...args) => {
-  //   //   console.log(event, args);
-  //   // });
-  //   socket.on('povratna', (data) => {
-  //     console.log(data)
+    // socket.on('emit', (client) => {
+    //   console.log(client);
+    // })
+    socket.on("sokkk", (clg) => {
+      console.log(clg);
+    })
+    // socket.onAny((event, ...args) => {
+    //   console.log(event, args);
+    // });
+    socket.on('povratna', (data) => {
+      console.log(data)
 
-  // })
+  })
 
-  //   // socket.open;
+    // socket.open;
 
-  //   socket.on("pong", () => {
-  //     setLastPong(new Date().toISOString());
-  //   });
+    socket.on("pong", () => {
+      setLastPong(new Date().toISOString());
+    });
 
-  //   // socket.connect();
+    // socket.connect();
 
-  //   return () => {
-  //     socket.off("connect");
-  //     socket.off("disconnect");
-  //     socket.off("pong");
-  //   };
-  // }, []);
-  // const handleClick = () => {
-  //   // socket.connect();
-  //   // socket.emit("sokkk 2", "sock");
-  //   // socket.emit("sock")
-  // };
-  // const sendPing = () => {
-  //   socket.emit("sokkk", {
-  //     poruka: "Za Duleta"
-  //   });
-  // };
+    return () => {
+      socket.off("connect");
+      socket.off("disconnect");
+      socket.off("pong");
+    };
+  }, []);
+  const handleClick = () => {
+    // socket.connect();
+    // socket.emit("sokkk 2", "sock");
+    // socket.emit("sock")
+  };
+  const sendPing = () => {
+    socket.emit("sokkk", {
+      poruka: "Za Duleta"
+    });
+  };
   return (
     <Router history={history}>
       <Helmet>