reactions SSE!

src/hooks/use-server-events.ts

@@ -3,6 +3,7 @@ import { useQueryClient } from "@tanstack/react-query";
 import { Logger } from "@/lib/logger";
 import { useAuth } from "@/contexts/auth-context";
 import { tournamentKeys, tournamentQueries } from "@/features/tournaments/queries";
+import { reactionKeys, reactionQueries } from "@/features/reactions/queries";
 
 let newIdeasAvailable = false;
 let newIdeasCallbacks: (() => void)[] = [];
@@ -28,10 +29,13 @@ const eventHandlers: Record<string, EventHandler> = {
   },
 
   "match": (event, queryClient) => {
-    console.log(event);
-
     queryClient.invalidateQueries(tournamentQueries.details(event.tournamentId))
     queryClient.invalidateQueries(tournamentQueries.current())
+  },
+
+  "reaction": (event, queryClient) => {
+    queryClient.invalidateQueries(reactionQueries.match(event.matchId));
+    queryClient.setQueryData(reactionKeys.match(event.matchId), () => event.reactions);
   }
 
 };