Implemented player login

traque-front/context/adminConnexionContext.jsx

@@ -1,30 +1,22 @@
 "use client";
-import { createContext, useContext, useEffect, useState } from "react";
+import { createContext, useContext, useState } from "react";
 import { useSocket } from "./socketContext";
+import { useSocketListener } from "@/hook/useSocketListener";
 
 const adminContext = createContext();
 const AdminConnexionProvider = ({ children }) => {
     const [loggedIn, setLoggedIn] = useState(false);
     const { adminSocket } = useSocket();
-    
+
     function login(password) {
         adminSocket.emit("login", password);
     }
-    
-    useEffect(() => {
-        function updateLoginStatus(status) {
-        setLoggedIn(status);
-        }
-        adminSocket.on("login_response", updateLoginStatus);
-    
-        return () => {
-        adminSocket.off("login_response", updateLoginStatus);
-        };
-    }, []);
-    
+
+    useSocketListener(adminSocket, "login_response", setLoggedIn);
+
     return (
         <adminContext.Provider value={{ login, loggedIn }}>
-        {children}
+            {children}
         </adminContext.Provider>
     );
 }
@@ -33,5 +25,5 @@ function useAdminConnexion() {
     return useContext(adminContext);
 }
 
-export { AdminConnexionProvider, useAdminConnexion};
+export { AdminConnexionProvider, useAdminConnexion };
 

traque-front/context/adminContext.jsx

@@ -1,11 +1,26 @@
 "use client";
-import { createContext, useContext, useState } from "react";
+import { createContext, useContext, useEffect, useState } from "react";
+import { useSocket } from "./socketContext";
+import { useSocketListener } from "@/hook/useSocketListener";
+import { useAdminConnexion } from "./adminConnexionContext";
 
 const adminContext = createContext();
 
 function AdminProvider({children}) {
     const [teams, setTeams] = useState([]);
     const [started, setStarted] = useState(false);
+    const { adminSocket } = useSocket();
+    const {loggedIn} = useAdminConnexion();
+
+    //Send a request to get the teams when the user logs in
+    useEffect(() => {
+        adminSocket.emit("get_teams");
+    }, [loggedIn]);
+
+    //Bind listeners to update the team list and the game status on socket message
+    useSocketListener(adminSocket, "teams", setTeams);
+    useSocketListener(adminSocket, "game_started", setStarted);
+
     return (
         <adminContext.Provider value={{teams, setTeams, started, setStarted}}>
             {children}

traque-front/context/socketContext.jsx

@@ -4,16 +4,16 @@ import { createContext, useContext } from "react";
 const { io } = require("socket.io-client");
 
 const SOCKET_URL = "http://localhost:3000";
-const USER_SOCKET_URL = SOCKET_URL + "/user";
+const USER_SOCKET_URL = SOCKET_URL + "/player";
 const ADMIN_SOCKET_URL = SOCKET_URL + "/admin";
 
-export const userSocket = io(USER_SOCKET_URL);
+export const teamSocket = io(USER_SOCKET_URL);
 export const adminSocket = io(ADMIN_SOCKET_URL);
 export const SocketContext = createContext();
 
 export default function SocketProvider({ children }) {
     return (
-        <SocketContext.Provider value={{userSocket, adminSocket}}>{children}</SocketContext.Provider>
+        <SocketContext.Provider value={{teamSocket, adminSocket}}>{children}</SocketContext.Provider>
     );
 }
 

traque-front/context/teamConnexionContext.jsx

@@ -0,0 +1,31 @@
+"use client";
+import { createContext, useContext, useState } from "react";
+import { useSocket } from "./socketContext";
+import { useSocketListener } from "@/hook/useSocketListener";
+
+const teamConnexionContext = createContext();
+const TeamConnexionProvider = ({ children }) => {
+    const [loggedIn, setLoggedIn] = useState(false);
+    const [teamId, setTeamId] = useState(null);
+    const { teamSocket } = useSocket();
+    
+    function login(id) {
+        teamSocket.emit("login", id);
+        setTeamId(id);
+    }
+    
+    useSocketListener(teamSocket, "login_response", setLoggedIn);
+    
+    return (
+        <teamConnexionContext.Provider value={{ teamId, login, loggedIn }}>
+        {children}
+        </teamConnexionContext.Provider>
+    );
+}
+
+function useTeamConnexion() {
+    return useContext(teamConnexionContext);
+}
+
+export { TeamConnexionProvider, useTeamConnexion};
+

traque-front/context/teamContext.jsx

@@ -0,0 +1,36 @@
+"use client";
+import { useLocation } from "@/hook/useLocation";
+import { useSocketListener } from "@/hook/useSocketListener";
+import { createContext, useContext, useEffect, useState } from "react";
+import { useSocket } from "./socketContext";
+import { useTeamConnexion } from "./teamConnexionContext";
+
+const teamContext = createContext()
+function TeamProvider({children}) {
+    const [enemyPosition, setEnemyPosition] = useState();
+    const currentPosition = useLocation(10000);
+    const {teamSocket} = useSocket();
+    const {loggedIn} = useTeamConnexion();
+    
+    useSocketListener(teamSocket, "enemy_position", setEnemyPosition);
+
+    //Send the current position to the server when the user is logged in
+    useEffect(() => {
+        console.log("sending position", currentPosition);
+        if(loggedIn) {
+            teamSocket.emit("update_position", currentPosition);
+        }
+    }, [loggedIn, currentPosition]);
+    
+    return (
+        <teamContext.Provider value={{enemyPosition, currentPosition}}>
+            {children}
+        </teamContext.Provider>
+    );
+}
+
+function useTeamContext() {
+    return useContext(teamContext);
+}
+
+export { TeamProvider, useTeamContext };