✨ feat: notify other players while waiting for game master to spread …

…object and fill hands

apps/frontend/src/components/Toast/ToastProvider.tsx

@@ -1,5 +1,5 @@
 import { AnimatePresence } from 'framer-motion';
-import { createContext, useContext, useState, ReactNode } from 'react';
+import { createContext, useContext, useState, ReactNode, useRef } from 'react';
 import { v4 as uuidV4 } from 'uuid';
 
 import { Toast } from '.';
@@ -28,7 +28,7 @@ const ToastContext = createContext<ToastContextType | undefined>(undefined);
 
 export const ToastProvider = ({ children }: { children: ReactNode }) => {
   const [toasts, setToasts] = useState<ToastData[]>([]);
-  const [toastIds, setToastIds] = useState<Record<string, string>>({});
+  const toastIdsRef = useRef<Record<string, string>>({});
 
   const showToast = (
     message: string,
@@ -38,6 +38,10 @@ export const ToastProvider = ({ children }: { children: ReactNode }) => {
   ) => {
     const id = uuidV4();
 
+    if (toastName) {
+      toastIdsRef.current[toastName] = id;
+    }
+
     setToasts((prev) => [
       ...prev,
       {
@@ -52,10 +56,6 @@ export const ToastProvider = ({ children }: { children: ReactNode }) => {
       setTimeout(() => dismissToast(id), duration);
     }
 
-    if (toastName) {
-      setToastId(toastName, id);
-    }
-
     return id;
   };
 
@@ -70,15 +70,12 @@ export const ToastProvider = ({ children }: { children: ReactNode }) => {
   };
 
   const setToastId = (key: string, id: string) => {
-    setToastIds((prev) => ({
-      ...prev,
-      [key]: id,
-    }));
+    toastIdsRef.current[key] = id;
   };
 
   const getToastId = (key: string) => {
-    const { [key]: toastId, ...rest } = toastIds;
-    setToastIds(rest);
+    const { [key]: toastId, ...rest } = toastIdsRef.current;
+    toastIdsRef.current = rest;
     return toastId;
   };
 

apps/frontend/src/enums/Toasts.ts

@@ -1,4 +1,5 @@
 export enum Toasts {
   REQUESTED_EMPTY_PLAY = 'REQUESTED_EMPTY_PLAY',
   SPREAD_OBJECT = 'SPREAD_OBJECT',
+  WAITING_FOR_SPREAD_OBJECT = 'WAITING_FOR_SPREAD_OBJECT',
 }

apps/frontend/src/hooks/useGameControls.ts

@@ -234,11 +234,17 @@ export const useGameControls = () => {
   }, []);
 
   useEffect(() => {
-    if (
-      phase === GamePhases.SPREADING_OBJECT &&
-      player?.id === gameState?.gameMaster
-    ) {
-      showToast('اوستا گل رو پخش کن', 5000, true, Toasts.SPREAD_OBJECT);
+    if (phase === GamePhases.SPREADING_OBJECT) {
+      if (player?.id === gameState?.gameMaster) {
+        showToast('اوستا گل رو پخش کن', 5000, true, Toasts.SPREAD_OBJECT);
+      } else {
+        showToast(
+          'وایسا اوستا گل رو پخش کنه',
+          5000,
+          true,
+          Toasts.WAITING_FOR_SPREAD_OBJECT,
+        );
+      }
     }
   }, [phase, player, gameState]);
 
@@ -256,6 +262,7 @@ export const useGameControls = () => {
           setGamePhase(GamePhases.PLAYING);
           filledHands.current = [];
           targetFillHandData.current = null;
+          dismissToastByName(Toasts.WAITING_FOR_SPREAD_OBJECT);
         }
       }, 10000);
     });