Socket backend

backend/server.js

@@ -7,8 +7,8 @@ import messageRoutes from "./routes/message.routes.js";
 import userRoutes from "./routes/user.routes.js";
 
 import connectToMongoDB from "./db/connectToMongoDB.js";
-
-const app = express();
+import { app, server } from "./socket/socket.js";
+//const app = express(); moved to socket.js as a lower layer
 const PORT = process.env.PORT || 5000;
 
 dotenv.config();
@@ -27,7 +27,7 @@ app.use("/api/users", userRoutes);
 //     res.send("Hello World!!");
 // });
 
-app.listen(PORT, () => {
+server.listen(PORT, () => {
     connectToMongoDB();
     console.log(`Server Running on port ${PORT}`)
 });

backend/socket/socket.js

@@ -0,0 +1,22 @@
+import {Server} from 'socket.io';
+import http from 'http';
+import express from 'express';
+
+const app = express();
+const server = http.createServer(app);
+const io = new Server(server, {
+    cors:{
+        origin:['http://localhost:3000'],
+        methods:['GET','POST']
+    }
+})
+
+io.on('connection', (socket) => {
+    console.log("user has connected", socket.id);
+
+    //socket.on is a listener for the events; can be used on both client and server side
+    socket.on('disconnect', () => {
+        console.log('user disconnected', socket.id)
+    })
+})
+export {app, io, server}

frontend/src/components/sidebar/SearchInput.jsx

@@ -21,6 +21,7 @@ const SearchInput = () => {
 
     if (conversation) {
       setSelectedConversation(conversation)
+      setSearch('asd')
     } else toast.error("No such user found")
   };
   return (