Add toast for game log (#296)

usatie · Mar 5, 2024 · de69dcb · de69dcb
1 parent f3fb2d3
commit de69dcb
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/frontend/app/lib/hooks/game/useGameSocket.ts b/frontend/app/lib/hooks/game/useGameSocket.ts
@@ -4,6 +4,7 @@ import { Socket, io } from "socket.io-client";
 import { UserMode } from "../useUserMode";
 import { UserEntity } from "../../dtos";
 import { POINT_TO_WIN } from "@/app/pong/[id]/const";
+import { useToast } from "@/components/ui/use-toast";
 
 type Status =
   | "too-many-players"
@@ -59,6 +60,7 @@ export default function useGameSocket(
   currentUser?: UserEntity,
 ) {
   const socketRef = useRef<Socket | null>(null); // updated on `id` change
+  const { toast } = useToast();
 
   const start = useCallback(() => {
     if (!userMode) return;
@@ -151,6 +153,10 @@ export default function useGameSocket(
       runSideEffectForStatusUpdate(status, payload);
       const log = getLogFromStatus(status);
       setLogs((logs) => [...logs, log]);
+      toast({
+        title: "Game Log",
+        description: log,
+      });
     };
     const handleConnect = () => {
       console.log(`Connected: ${socketRef.current?.id}`);