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,16 +13,28 @@ 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'>
-            <header style={{height:'20%', display:'flex', justifyContent:'end'}}>
-                <h6><i>Room : {roomNum}</i></h6>
-            </header>
-            <hr/>
-                <h3><u>{HeadPlayer.pseudo}</u></h3>
-            <div style={{display:'flex', justifyContent:'end', alignItems:'end'}}>
-                <h2>{nbPlayer}/6</h2>
-            </div>
+        <div className='lobbyMainContainer' onClick={handleContainerClick}>
+                <header style={{height:'20%', display:'flex', justifyContent:'end'}}>
+                    <h6><i>Room : {roomNum}</i></h6>
+                </header>
+                <hr/>
+                    <h3><u>{HeadPlayer.pseudo}</u></h3>
+                <div style={{display:'flex', justifyContent:'end', alignItems:'end'}}>
+                    <h2>{nbPlayer}/6</h2>
+                </div>
         </div>
     );
 }

cryptide_project/src/Pages/Lobby.tsx

@@ -52,13 +52,7 @@ let gameStarted = false
 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()