🐛 fix: fix showing ready badge only on specific game phases

omidnikrah · Dec 15, 2024 · c8427e9 · c8427e9
1 parent 8f948e3
commit c8427e9
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/apps/frontend/src/pages/GameRoom/components/Player/index.tsx b/apps/frontend/src/pages/GameRoom/components/Player/index.tsx
@@ -1,3 +1,4 @@
+import { GamePhases } from '@gol-ya-pooch/frontend/enums';
 import {
   useGuessHand,
   useRequestEmptyPlay,
@@ -20,11 +21,15 @@ interface IPlayer {
 }
 
 export const Player = ({ team, data, isJoined, position }: IPlayer) => {
-  const { playingPlayerId, gameState } = useGameStore();
+  const { playingPlayerId, gameState, phase } = useGameStore();
   const { requestEmptyPlay } = useRequestEmptyPlay();
   const { guessObjectLocation } = useGuessHand();
 
   const isPlaying = playingPlayerId === data?.id;
+  const phasesToShowReadyBadge = [
+    GamePhases.WAITING_FOR_PLAYERS,
+    GamePhases.WAITING_FOR_READY,
+  ];
 
   const handleRequestEmptyPlay = () => {
     if (data?.id) {
@@ -54,7 +59,7 @@ export const Player = ({ team, data, isJoined, position }: IPlayer) => {
         },
       )}
     >
-      {data?.isReady && (
+      {data?.isReady && phasesToShowReadyBadge.includes(phase) && (
         <span
           className={clsx(
             'absolute translate-x-1/2 right-1/2 bg-green-300 text-green-800 px-4 py-1 rounded-full',