ajout des traduction fr et en sur le lobby 💥

cryptide_project/src/Components/PlayerItemList.tsx

@@ -20,6 +20,7 @@ import Bot from '../model/Bot';
 
 /* server */
 import { socket } from '../SocketConfig';
+import { Form } from 'react-router-dom';
 
 interface MyPlayerItemListProps {
     player : Player,
@@ -58,13 +59,13 @@ const PlayerItemList:React.FC<MyPlayerItemListProps> =({ player, room }) => {
             {isBot && (
                 <ToggleButtonGroup type='radio' name={`options-${player.id}`} defaultValue={1}>
                     <ToggleButton id={`tbg-radio-1-${player.id}`} value={1}>
-                        Facile
+                        <FormattedMessage id='easy' />
                     </ToggleButton>
                     <ToggleButton id={`tbg-radio-2-${player.id}`} value={2}>
-                        Intermédiaire
+                        <FormattedMessage id='medium' />
                     </ToggleButton>
                     <ToggleButton id={`tbg-radio-3-${player.id}`} value={3}>
-                        Fort
+                        <FormattedMessage id='strong' />
                     </ToggleButton>
                 </ToggleButtonGroup>
             )}

cryptide_project/src/Pages/Lobby.tsx

@@ -48,6 +48,7 @@ import Overlay from 'react-bootstrap/Overlay';
 import { DataSet } from 'vis-network';
 import {basePath} from "../AdressSetup"
 
+import { FormattedMessage } from 'react-intl';
 
 
 let gameStarted = false
@@ -192,17 +193,14 @@ function Lobby() {
     });
 
     socket.on("room full", () => {
-        //TODO POP UP pour quand la room est pleine
         navigate(`${basePath}/`)
     })
 
     socket.on("game started", () => {
-        //TODO POP UP pour quand la room est pleine
         navigate(`${basePath}/`)
     })
 
     socket.on("game already started", () => {
-        //TODO POP UP pour quand la room est pleine
         navigate(`${basePath}/`)
     })
 
@@ -277,9 +275,9 @@ function Lobby() {
                         </div>
                         <div className='NumbDiv'>
                             {players.length == 6 ? (
-                                    <p style={{color:'darkred'}}>6/6 Players</p>
+                                    <p style={{color:'darkred'}}>6/6 <FormattedMessage id='lobby.players'/></p>
                                 ) : (
-                                    <p>{players.length}/6 Players</p>
+                                    <p>{players.length}/6 <FormattedMessage id='lobby.players'/></p>
                                 )
                             }
                         </div>
@@ -308,11 +306,11 @@ function Lobby() {
                 <div className='lobbyR' 
                     style={{flexDirection:'column',
                             alignItems:'space-around'}}>
-                        <h3>Bienvenue dans votre lobby !</h3>
-                        <p>Attendez que tous vos amis rejoignent avant de lancer la partie.</p>
+                        <h3><FormattedMessage id='lobby.bienvenue'/></h3>
+                        <p><FormattedMessage id='lobby.wait'/></p>
                         {/* Bouton pour copier le lien */}
                         <Button variant="primary" ref={target} onClick={copyGameLink}>
-                            Inviter des amis
+                            <FormattedMessage id='lobby.invite'/>
                         </Button>
                         <Overlay target={target.current} show={show} placement="top">
                             {({
@@ -334,13 +332,13 @@ function Lobby() {
                                 ...props.style,
                                 }}
                             >
-                            Lien copié
+                            <FormattedMessage id='lobby.copyLink'/>
                         </div>
                         )}
                     </Overlay>
 
                 <div className='nbNodeDiv'>
-                    <label htmlFor="numberInput">Sélectionner le nombre de noeud (entre 20 et 60) :</label>
+                    <label htmlFor="numberInput"> <FormattedMessage id='lobby.nbNode'/> :</label>
                     <div>
                         <button className='valuebutton' onClick={() => { if (enteredNumber>20) setEnteredNumber(enteredNumber-1)}}
                             style={{borderColor:theme.colors.secondary}}> - </button>
@@ -366,7 +364,7 @@ function Lobby() {
                             width: 'auto',
                             height: 'auto'
                         }}>
-                        Démarrer la partie !
+                        <FormattedMessage id='lobby.start'/>
                     </button>
                 </div>
             </div>

cryptide_project/src/Translations/en.json

@@ -103,6 +103,15 @@
 
     "score.tab.stat" : "Your Stats",
 
+    "lobby.players" : "Players",
+    "lobby.bienvenue": "Welcome to your lobby!",
+    "lobby.wait": "Wait for all your friends to join before starting the game.",
+    "lobby.invite": "Invite friends",
+    "lobby.copyLink": "Link copied",
+    "lobby.nbNode": "Select the number of nodes (between 20 and 60)",
+    "lobby.start": "Start the game!",
+
+
 
     "informations" : "Information",
     "info.intro.title":"Introduction to the game :",

cryptide_project/src/Translations/fr.json

@@ -71,6 +71,15 @@
     "navbar.presentation":"Présentation",
     "navbar.info":"Informations",
 
+
+    "easy" : "Facile",
+    "hard" : "Difficile",
+    "medium" : "Intermédiaire",
+    "strong" : "Fort",
+    "weak" : "Faible",
+    "none" : "Aucun",
+
+
     "play.jouerseul": "Jouer seul",
     "play.enigme": "Résoudre une énigme",
     "play.enigme.easy": "Facile",
@@ -102,6 +111,16 @@
 
     "score.tab.stat" : "Vos Stats",
 
+    "lobby.players" : "Joueurs",
+    "lobby.bienvenue" : "Bienvenue dans votre lobby !",
+    "lobby.wait" : "Attendez que tous vos amis rejoignent avant de lancer la partie.",
+    "lobby.invite" : "Inviter des amis",
+    "lobby.copyLink" : "Lien copié",
+    "lobby.nbNode" : "Sélectionner le nombre de noeud (entre 20 et 60) ",
+    "lobby.start" : "Démarrer la partie !",
+
+
+
     "informations" : "Informations",
     "info.intro.title":"Introduction au jeu :",
     "info.intro.text":"Bienvenue dans notre jeu de déduction captivant, où l'intrigue et la malice se rejoignent dans une aventure palpitante ! Plongez-vous dans un monde de mystère et d'intrigue, où chaque interaction compte, et chaque indice vous rapproche de la vérité.Imaginez un graphique complexe où chaque sommet représente une personne, chaque axe une relation, et chaque détail compte. Vous êtes plongé dans un défi stimulant pour découvrir qui parmi ces individus est le mystérieux coupable. Chaque joueur détient un indice crucial, et seul le partage stratégique de ces indices vous mènera à la résolution du mystère. Explorez notre page de règles pour comprendre les subtilités du jeu, découvrez les indices qui peuvent vous guider, et élaborez des stratégies intelligentes pour identifier le coupable. Manipuler vos amis, afin d'être le premier à découvrir qui est le meurtrier ! Êtes-vous prêt à relever le défi et à démasquer le coupable caché dans le graphe ? Que l'enquête commence !",