fix du css de endgame

pull/84/head
Pierre Ferreira 1 year ago
parent 353a84e36d
commit 96cce9405e

@ -418,7 +418,6 @@ const MyGraphComponent: React.FC<MyGraphComponentProps> = ({onNodeClick, handleS
socket.emit("node checked", nodeId, false, actualPlayerIndex, room, index) socket.emit("node checked", nodeId, false, actualPlayerIndex, room, index)
socket.emit("asked wrong", askingPlayer, room) socket.emit("asked wrong", askingPlayer, room)
} }
} }
} }
} }

@ -21,7 +21,7 @@
padding: 20px; padding: 20px;
} }
.bottom{ .bottomEnd{
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
} }

@ -62,8 +62,6 @@ function EndGame() {
indice = indices[index] indice = indices[index]
} }
if (winner != null) { if (winner != null) {
losingPlayers = players.filter(player => player.id !== winner.id); losingPlayers = players.filter(player => player.id !== winner.id);
} else { } else {
@ -76,7 +74,7 @@ function EndGame() {
const theme = useTheme(); const theme = useTheme();
console.log(winner) console.log(winner)
console.log(indices)
return ( return (
<div> <div>
{!IsSolo ? ( {!IsSolo ? (
@ -91,7 +89,7 @@ function EndGame() {
<img src={Person} width='250' height='250'/> <img src={Person} width='250' height='250'/>
<h3 className='indiceDisplay'>{indices[players.findIndex((p) => p.id == winner?.id)].ToString("fr")}</h3> <h3 className='indiceDisplay'>{indices[players.findIndex((p) => p.id == winner?.id)].ToString("fr")}</h3>
</div> </div>
<div className='bottom'> <div className='bottomEnd'>
<div className='centerDivH' onClick={resetAll}> <div className='centerDivH' onClick={resetAll}>
<BigButtonNav dest="/play" img={Leave}/> <BigButtonNav dest="/play" img={Leave}/>
</div> </div>
@ -125,7 +123,7 @@ function EndGame() {
<h1>{winner?.pseudo}</h1> <h1>{winner?.pseudo}</h1>
</div> </div>
<div className='bottom'> <div className='bottomEnd'>
<div className='centerDivH' onClick={resetAll}> <div className='centerDivH' onClick={resetAll}>
<BigButtonNav dest="/play" img={Leave}/> <BigButtonNav dest="/play" img={Leave}/>
</div> </div>

Loading…
Cancel
Save