public/traque
1
0
Fork 0
mirror of https://git.rezel.net/LudoTech/traque.git synced 2026-02-09 10:20:16 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

fixed frontend for #10

Browse Source
This commit is contained in:
Quentin Roussel
2024-03-28 17:40:36 +01:00
parent 884b440a81
commit a709926b60
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
traque-front/context/socketContext.jsx
View File

@@ -6,8 +6,6 @@ const { io } = require("socket.io-client");
const SOCKET_URL = 'wss://' + process.env.NEXT_PUBLIC_SOCKET_HOST + ':' + process.env.NEXT_PUBLIC_SOCKET_PORT; const SOCKET_URL = 'wss://' + process.env.NEXT_PUBLIC_SOCKET_HOST + ':' + process.env.NEXT_PUBLIC_SOCKET_PORT;
const USER_SOCKET_URL = SOCKET_URL + "/player"; const USER_SOCKET_URL = SOCKET_URL + "/player";
const ADMIN_SOCKET_URL = SOCKET_URL + "/admin"; const ADMIN_SOCKET_URL = SOCKET_URL + "/admin";
console.log(USER_SOCKET_URL);
console.log(ADMIN_SOCKET_URL);
export const teamSocket = io(USER_SOCKET_URL); export const teamSocket = io(USER_SOCKET_URL);
export const adminSocket = io(ADMIN_SOCKET_URL); export const adminSocket = io(ADMIN_SOCKET_URL);

10
traque-front/context/teamContext.jsx
View File

@@ -8,19 +8,21 @@ import { useTeamConnexion } from "./teamConnexionContext";
const teamContext = createContext() const teamContext = createContext()
function TeamProvider({children}) { function TeamProvider({children}) {
const [enemyPosition, setEnemyPosition] = useState(); const [enemyPosition, setEnemyPosition] = useState();
const currentPosition = useLocation(10000); const [currentPosition, setCurrentPosition] = useState();
const measuredLocation = useLocation(10000);
const {teamSocket} = useSocket(); const {teamSocket} = useSocket();
const {loggedIn} = useTeamConnexion(); const {loggedIn} = useTeamConnexion();
useSocketListener(teamSocket, "enemy_position", setEnemyPosition); useSocketListener(teamSocket, "enemy_position", setEnemyPosition);
useSocketListener(teamSocket, "live_location", setCurrentPosition);
//Send the current position to the server when the user is logged in //Send the current position to the server when the user is logged in
useEffect(() => { useEffect(() => {
console.log("sending position", currentPosition); console.log("sending position", measuredLocation);
if(loggedIn) { if(loggedIn) {
teamSocket.emit("update_position", currentPosition); teamSocket.emit("update_position", measuredLocation);
} }
}, [loggedIn, currentPosition]); }, [loggedIn, measuredLocation]);
const value = useMemo(() => ({enemyPosition, currentPosition}), [enemyPosition, currentPosition]); const value = useMemo(() => ({enemyPosition, currentPosition}), [enemyPosition, currentPosition]);
return ( return (