fixed emitting msg to all rooms

frontend/src/Components/Chat/Chatroom.js

@@ -13,7 +13,7 @@ const Chatroom = (props) => {
   const socket = useRef(0);
 
   //only run oncejjjjjjjjj
-
+  console.log(props.roomName);
   useEffect(() => {
     //config the socket with re connect
 
@@ -23,12 +23,12 @@ const Chatroom = (props) => {
       reconnectionDelay: 1000,
       reconnectionDelayMax: 5000,
       randomizationFactor: 0.5,
+      query: {
+        room: props.match.params.roomName,
+      },
     });
 
-    socket.current.on("server-message", (data) => {
-      setMessage((message) => [...message, data]);
-    });
-    socket.current.on("broadcast", (data) => {
+    socket.current.on("message", (data) => {
       setMessage((message) => [...message, data]);
     });
     setUserName(

index.js

@@ -48,6 +48,8 @@ const PORT = process.env.PORT || 5000;
 // websocket io for chatroom
 io.on("connection", (socket) => {
   console.log("user connected");
+  let room = socket.handshake.query.room;
+  socket.join(room);
 
   // socket.on("clientmessage", (data) => {
   //   console.log(data.message);
@@ -59,7 +61,7 @@ io.on("connection", (socket) => {
   // });
 
   socket.on("chat-message", (data) => {
-    socket.broadcast.emit("broadcast", {
+    socket.to(room).emit("message", {
       message: data.message,
       from: jwt.decode(data.from).userName,
     });
@@ -81,6 +83,7 @@ io.on("connection", (socket) => {
   // );
 
   socket.on("disconnect", () => {
+    socket.leave(room);
     console.log("user disconnected");
   });
 });