SecretCodes: FR version

web/public/static/locales/fr/ConnectionLost.json

@@ -1,4 +1,4 @@
 {
   "connection_lost": "Connexion perdue",
-  "trying_to_connect": "Essayer de se connecter..."
+  "trying_to_connect": "Tentative de reconnexion..."
 }

web/public/static/locales/fr/LobbyCarousel.json

@@ -1,6 +1,6 @@
 {
   "public_rooms": "Salles publiques",
   "new_room": "Nouvelle salle",
-  "error": "Une erreur s'est produite lors du chargement du lobby. Essayez de recharger.",
+  "error": "Une erreur s'est produite lors du chargement du lobby. Essayez de recharger la page.",
   "no_public_room_available": "Aucune salle publique disponible. Cliquez sur \"<b>Nouvelle salle</b>\" pour en créer une nouvelle !"
 }

web/public/static/locales/fr/MessagePage.json

@@ -2,7 +2,7 @@
   "go_home": "À la page d'accueil",
   "game_not_found": "Jeu introuvable",
   "invalid_game_mode": "Mode de jeu invalide",
-  "connecting": "Connecter...",
+  "connecting": "Connexion...",
   "failed_to_download": "Échec du téléchargement de {{ name }}",
   "downloading": "Télécharger {{ name }}"
 }

web/src/games/secretcodes/Lobby.module.css

@@ -69,3 +69,13 @@
 .unassigned h3 {
   color: black;
 }
+
+.controls {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.controls button {
+  margin: 4px;
+}

web/src/games/secretcodes/Lobby.tsx

@@ -22,10 +22,17 @@ interface ILobbyProps {
 
 export function Lobby({ G, ctx, moves, playerID, gameArgs, isHost }: ILobbyProps) {
   const { translate } = useCurrentGameTranslation();
+  const { players } = gameArgs;
 
   const startGame = () => {
     moves.startGame();
   };
+  const removePlayersFromTeams = () => {
+    moves.removePlayersFromTeams();
+  };
+  const distributePlayers = () => {
+    moves.distributePlayers(players);
+  };
 
   React.useEffect(() => {
     if (isLocalGame(gameArgs) && gameCanStart(G, ctx)) {
@@ -39,8 +46,6 @@ export function Lobby({ G, ctx, moves, playerID, gameArgs, isHost }: ILobbyProps
     unassigned: [],
   };
 
-  const { players } = gameArgs;
-
   for (const playerID in players) {
     const item = (
       <LobbyPlayer key={playerID} G={G} moves={moves} playerID={playerID} players={players} isHost={isHost} />
@@ -80,17 +85,38 @@ export function Lobby({ G, ctx, moves, playerID, gameArgs, isHost }: ILobbyProps
 
       {!gameCanStart(G, ctx) ? <p className={css.text}>{translate('in_order_to_start')}</p> : null}
 
-      {isHost ? (
-        <Button
-          style={{ float: 'right' }}
-          variant="contained"
-          onClick={startGame}
-          color="primary"
-          disabled={!gameCanStart(G, ctx)}
-        >
-          {translate('play')}
-        </Button>
-      ) : null}
+      <div className={css.controls}>
+        {isHost ? (
+          <Button
+            onClick={removePlayersFromTeams}
+            color="primary"
+            variant="contained"
+          >
+            {translate('removePlayersFromTeams')}
+          </Button>
+        ) : null}
+
+        {isHost ? (
+          <Button
+            onClick={distributePlayers}
+            color="primary"
+            variant="contained"
+          >
+            {translate('distributePlayers')}
+          </Button>
+        ) : null}
+
+        {isHost ? (
+          <Button
+            onClick={startGame}
+            color="primary"
+            variant="contained"
+            disabled={!gameCanStart(G, ctx)}
+          >
+            {translate('play')}
+          </Button>
+        ) : null}
+      </div>
     </div>
   );
 }

web/src/games/secretcodes/LobbyPlayer.tsx

@@ -19,15 +19,15 @@ export function LobbyPlayer({ G, moves, playerID, players, isHost }: ILobbyPlaye
     moves.makeSpymaster(playerID);
   };
 
-  const isPlayerInTeam = (): boolean => {
+  const isPlayerAssignedToATeam = (): boolean => {
     return getPlayerTeam(G, playerID) !== undefined;
   };
 
   return (
     <li>
       {isPlayerSpymaster(G, playerID) ? <span>{translate('s')}</span> : ''}
       {players[playerID].name}
-      {!isPlayerSpymaster(G, playerID) && isHost && isPlayerInTeam() ? (
+      {isHost && !isPlayerSpymaster(G, playerID) && isPlayerAssignedToATeam() ? (
         <button className={[css.btn, css.btnSpymaster].join(' ')} onClick={() => makeSpymaster(playerID)}>
           {translate('make_spymaster')}
         </button>

web/src/games/secretcodes/PlayBoard.tsx

@@ -99,7 +99,7 @@ export class PlayBoardInternal extends React.Component<IPlayBoardInnerProps & IP
     let spymasterInstructions;
     if (this.props.gameArgs.mode === GameMode.OnlineFriend) {
       const spymasterName = this.props.gameArgs.players[this._currentPlayerTeam().spymasterID].name;
-      spymasterInstructions = <>{this.props.translate('spymaster_give_clue', { name: spymasterName })}</>;
+      spymasterInstructions = <Trans t={this.props.translate} i18nKey="spymaster_give_clue" components={{ name: spymasterName, strong: <strong /> }} />;
     }
 
     instruction = (