socket context added

src/component/context/SocketIOContext.jsx

@@ -0,0 +1,71 @@
+import React, { createContext, useContext, useEffect, useState } from "react";
+import { Outlet } from "react-router-dom";
+import { io } from "socket.io-client";
+// import io from "socket.io-client";
+
+// import { tableReload } from "../../store/TableReloads";
+// import { useDispatch, useSelector } from "react-redux";
+
+
+let SocketIOContext = createContext({})
+
+export default function SocketIOContextProvider({children}) {
+    // const {userDetails} = useSelector((state) => state?.userDetails); // CHECKS IF USER UID, to determine if user is active
+
+    // const dispatch = useDispatch()
+
+    const socket = io.connect(process.env.REACT_APP_SOCKET_URL); 
+
+    // // Messages States
+    // const [message, setMessage] = useState("");
+    const [socketMsgReceived, setSocketMsgReceived] = useState("");
+
+    const joinRoom = (room) => {
+        if (room !== "") {
+            return socket.emit("join_room", room);
+        }
+        return
+    };
+
+    const sendMessage = (message, room) => {
+        if(message && room){
+            socket.emit("send_message", { message, room });
+        }
+    };
+
+    useEffect(() => {
+        socket.on("receive_message", (data) => {
+            // setSocketMsgReceived(data.message);
+            // dispatch(tableReload({type:'CHATMESSAGELIST'})) // dispatches to update chat message sending from owner to worker and vice versa
+            console.log('DATA', data)
+        });
+
+        // client-side
+        socket.on("connect", () => {
+            console.log(socket.id);
+        });
+        
+        socket.on("disconnect", () => {
+            console.log(socket.id);
+        });
+    }, [socket]);
+
+    let values = {
+        socket,
+        sendMessage,
+        socketMsgReceived,
+        setSocketMsgReceived,
+        joinRoom,
+    }
+
+  return (
+    <SocketIOContext.Provider value={values}>
+        <Outlet />
+    </SocketIOContext.Provider>
+  )
+}
+
+
+export const SocketContextValues = () => {
+    return useContext(SocketIOContext)
+}