ajout de la navigation vers les lobby ✨

cryptide_project/src/Components/LobbyContainer.tsx

@@ -1,8 +1,8 @@
 import React, { useEffect, useState } from 'react';
 import { useTheme } from '../Style/ThemeContext';
 import Player from '../model/Player';
-
-
+import { Link } from 'react-router-dom';
+import { useNavigate } from 'react-router-dom';
 interface LobbyContainerProps {
         roomNum : string
         HeadPlayer : Player
@@ -13,8 +13,20 @@ interface LobbyContainerProps {
 const LobbyContainer: React.FC<LobbyContainerProps> = ({roomNum, HeadPlayer, nbPlayer}) => {
     const theme=useTheme();
 
+    const navigate = useNavigate();
+    const dest = '/lobby?room=' + roomNum;
+
+    const handleContainerClick = () => {
+        if (nbPlayer < 6) {
+            navigate(dest);
+        } else {
+            alert('La salle est pleine. Impossible de rejoindre.');
+        }
+    };
+
+
     return(
-        <div className='lobbyMainContainer'>
+        <div className='lobbyMainContainer' onClick={handleContainerClick}>
                 <header style={{height:'20%', display:'flex', justifyContent:'end'}}>
                     <h6><i>Room : {roomNum}</i></h6>
                 </header>

cryptide_project/src/Pages/Lobby.tsx

@@ -53,12 +53,6 @@ function Lobby() {
     const theme=useTheme();
     const navigate = useNavigate();
     
-    //@ts-ignore
-    const handleNumberChange = (event) => {
-        const newNumber = Math.max(20, Math.min(60, parseInt(event.target.value, 10)));
-        setEnteredNumber(newNumber);
-    };
-
     const { indices, setIndicesData, indice, setIndiceData, person, setPersonData, personNetwork, setPersonNetworkData, players, setPlayersData, setActualPlayerIndexData, setTurnPlayerIndexData, setRoomData } = useGame();
     
     const {user, setUserData, manager, login} = useAuth()