From da98290bf51d9bb1ade97eba88babc2f2b055753 Mon Sep 17 00:00:00 2001
From: Pierre Ferreira <p.ferreira1@outlook.fr>
Date: Tue, 14 Nov 2023 14:36:39 +0100
Subject: [PATCH] merge avec master :package:

---
 cryptide_project/package-lock.json   | 24 ------------------------
 cryptide_project/src/Pages/Lobby.tsx | 14 +++++++-------
 cryptide_project/src/Pages/Play.tsx  |  8 ++++----
 3 files changed, 11 insertions(+), 35 deletions(-)

diff --git a/cryptide_project/package-lock.json b/cryptide_project/package-lock.json
index 32027e4..14a8bc0 100644
--- a/cryptide_project/package-lock.json
+++ b/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"
diff --git a/cryptide_project/src/Pages/Lobby.tsx b/cryptide_project/src/Pages/Lobby.tsx
index f9eefc6..d6b97da 100644
--- a/cryptide_project/src/Pages/Lobby.tsx
+++ b/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) {
-        players.push({ pdp: Bot, name: "BotAdded", id: players.length + 1 });
+    while (playerslst.length < 3) {
+        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)"/>
-                    <PlayerItemList pdp={Bot} name="Boat"/>
-                    <PlayerItemList pdp={Bot} name="Bot-tom"/>
+                    {players.map((player, index) => (
+                        <PlayerItemList key={player.id} pdp={PersonImg} name={player.name} id={player.id}/>
+                    ))}
                 </div>
             </div>
 
diff --git a/cryptide_project/src/Pages/Play.tsx b/cryptide_project/src/Pages/Play.tsx
index be516d1..b6ead60 100644
--- a/cryptide_project/src/Pages/Play.tsx
+++ b/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}`;
-          navigate(nouvelleURL);
+            const nouvelleURL = `/lobby?room=${room}`;
+        navigate(nouvelleURL);
         }
-      }, [room, navigate]);
+    }, [room, navigate]);