merge avec master 📦

cryptide_project/package-lock.json

@@ -28,33 +28,9 @@
         "react-intl": "^6.5.2",
         "react-router-dom": "^6.18.0",
         "react-scripts": "5.0.1",
-<<<<<<< HEAD
-<<<<<<< HEAD
         "react-switch": "^7.0.0",
-=======
-=======
->>>>>>> 7e44c5e (ajout de dépendances pour un switch et stub dans les params de jeu :package:)
-<<<<<<< HEAD
         "socket.io": "^4.7.2",
         "socket.io-client": "^4.7.2",
-=======
-        "react-switch": "^7.0.0",
-<<<<<<< HEAD
->>>>>>> 3d3d620 (ajout de dépendances pour un switch et stub dans les params de jeu :package:)
-<<<<<<< HEAD
->>>>>>> 65f2cb6 (ajout de dépendances pour un switch et stub dans les params de jeu :package:)
-=======
-=======
-        "socket.io": "^4.7.2",
-        "socket.io-client": "^4.7.2",
->>>>>>> 2ba7efc (Début du serveur)
-<<<<<<< HEAD
->>>>>>> 6399f16 (Début du serveur)
-=======
-=======
-        "react-switch": "^7.0.0",
->>>>>>> 3d3d620 (ajout de dépendances pour un switch et stub dans les params de jeu :package:)
->>>>>>> 7e44c5e (ajout de dépendances pour un switch et stub dans les params de jeu :package:)
         "typescript": "^5.2.2",
         "vis-network": "^9.1.9",
         "web-vitals": "^2.1.4"

cryptide_project/src/Pages/Lobby.tsx

@@ -31,15 +31,15 @@ function Lobby() {
     
     const [codeShowed, setCodeShowed] = useState(true);
 
-    const players = [
+    const playerslst = [
         { pdp: Person, name: "Dummy (vous)", id: 1 },
         { pdp: Person, name: "Dummy2)", id: 1 },
         //{ pdp: Bot, name: "Boat", id: 2 },
         // { pdp: Bot, name: "Bot-tom", id: 3 },
     ];
 
-    while (players.length < 3) {
+    while (playerslst.length < 3) {
-        players.push({ pdp: Bot, name: "BotAdded", id: players.length + 1 });
+        playerslst.push({ pdp: Bot, name: "BotAdded", id: playerslst.length + 1 });
     }
 
     const navigate = useNavigate();
@@ -112,16 +112,16 @@ function Lobby() {
                     <div className='codeDiv' onClick={() => setCodeShowed(!codeShowed)}>
                         {
                             codeShowed ? (
-                                <p>Room : 63194</p>
+                                <p>Room : {room}</p>
                             ) : (
                                 <p>Room : ******</p>
                             )
                         }
                     </div>
                     {/* //! voir pour la gestion avec un liste, utilisateur avec le "+ (vous)" et les pdp avec les lettres grecs (?)*/}
-                    <PlayerItemList pdp={Person} name="Dummy (vous)"/>
+                    {players.map((player, index) => (
-                    <PlayerItemList pdp={Bot} name="Boat"/>
+                        <PlayerItemList key={player.id} pdp={PersonImg} name={player.name} id={player.id}/>
-                    <PlayerItemList pdp={Bot} name="Bot-tom"/>
+                    ))}
                 </div>
             </div>
 

cryptide_project/src/Pages/Play.tsx

@@ -48,12 +48,12 @@ function Play() {
         
       }, []);  // Aucune dépendance ici
 
-      useEffect(() => {
+    useEffect(() => {
         if (room !== null) {
-          const nouvelleURL = `/lobby?room=${room}`;
+            const nouvelleURL = `/lobby?room=${room}`;
-          navigate(nouvelleURL);
+        navigate(nouvelleURL);
         }
-      }, [room, navigate]);
+    }, [room, navigate]);