Changeset ace7865 for components/roulette/PlayersDisplay.jsx

Timestamp:

06/25/22 11:30:19 (2 years ago)

Author:

anastasovv <simon@…>

Branches:

main

Children:

b13f93b

Parents:

9bd09b0

Message:

Finished Roulette

File:

• components/roulette/PlayersDisplay.jsx (modified) (1 diff)

components/roulette/PlayersDisplay.jsx

@@ -5 +5 @@
 const PlayersDisplay = () => {
     const playerState = useSelector(state => state.player);
+    const styleState = useSelector(state => state.style);
 
-    return (
-        <div className="roulettePlayersContainer">
-            <div>
-                <p>Online:</p>
-                <hr/>
-                {playerState.rouletteGame?.players.map((player, i) => (
-                    player.status.substr(1, 1) === '1' ? <p key={player + i}>{player.name}</p> : <span key={player + i}></span>
-                ))}
+    // See results.
+    if (playerState.rouletteGame.timeToStart > styleState.roulette.COUNTDOWN_FROM) {
+        return (
+            <div className="roulettePlayersContainer">
+                <div>
+                    <p>Winners:</p>
+                    <hr/>
+                    {playerState.rouletteGame?.players.map((player, i) => (
+                        player.betAmount > 0 && player.outcome === 'won' ? <p key={player + i}>{player.name} <span style={{color: '#ead24d'}}>[{player.whichBets.toString()}]</span></p> : <span key={player + i}></span>
+                    ))}
+                </div>
+                <div>
+                    <p>Losers:</p>
+                    <hr/>
+                    {playerState.rouletteGame?.players.map((player, i) => (
+                        player.betAmount > 0 && player.outcome === 'lost' ? <p key={player + i}>{player.name} <span style={{color: '#ead24d'}}>[{player.whichBets.toString()}]</span></p> : <span key={player + i}></span>
+                    ))}
+                </div>
             </div>
-            <div>
-                <p>Betted:</p>
-                <hr/>
-                {playerState.rouletteGame?.players.map((player, i) => (
-                    player.status.substr(1, 1) === '2' ? <p key={player + i}>{player.name} <span style={{color: '#ead24d'}}>[{player.whichBets.toString()}]</span> ${player.betAmount}</p> : <span key={player + i}></span>
-                ))}
+        )
+    }
+    // See who betted.
+    else {
+        return (
+            <div className="roulettePlayersContainer">
+                <div>
+                    <p>Online:</p>
+                    <hr/>
+                    {playerState.rouletteGame?.players.map((player, i) => (
+                        player.status.substr(1, 1) === '1' ? <p key={player + i}>{player.name}</p> : <span key={player + i}></span>
+                    ))}
+                </div>
+                <div>
+                    <p>Betted:</p>
+                    <hr/>
+                    {playerState.rouletteGame?.players.map((player, i) => (
+                        player.status.substr(1, 1) === '2' ? <p key={player + i}>{player.name} <span style={{color: '#ead24d'}}>[{player.whichBets.toString()}]</span></p> : <span key={player + i}></span>
+                    ))}
+                </div>
             </div>
-        </div>
-  )
+        )
+    }
 }