fix: reconnect socket if get disconnected

#133
roman-ojha · Jul 12, 2022 · f9579da · f9579da · roman-ojha · Jul 12, 2022
1 parent 6acd414
commit f9579da
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 4 deletions.
diff --git a/client/src/pages/Index.tsx b/client/src/pages/Index.tsx
@@ -42,14 +42,13 @@ const Index = (): JSX.Element => {
             setUserStories(userData.data.userStories);
             setRenderMainPage(true);
           }
-          socket.on("connect", () => {
-            console.log(`connected to id: ${socket.id}`);
-          });
 
           socket.emit("authenticate", (res) => {
             console.log(res);
           });
-
+          if (!socket.connected) {
+            socket.connect();
+          }
           socket.emit(
             "join-room",
             userData.data.userProfileDetail.id,

diff --git a/client/src/services/socket.ts b/client/src/services/socket.ts
@@ -4,4 +4,17 @@ const socket = io(process.env.REACT_APP_API_BASE_URL as string, {
   withCredentials: true,
 });
 
+// socket.on("connect_error", (err) => {
+//   console.log(err);
+// });
+// socket.on("connect_failed", (err) => {
+//   console.log(err);
+// });
+// socket.on("disconnect", (err) => {
+//   console.log(err);
+// });
+socket.on("connect", () => {
+  console.log(`connected to id: ${socket.id}`);
+});
+
 export default socket;