feat: add socket event for participant removal from queues

app/routes/api/draft.force-autopick.ts

@@ -160,6 +160,16 @@ export async function action(args: any) {
       )
     );
 
+  // Notify all clients that this participant was removed from queues
+  try {
+    const io = (global as any).__socketIO;
+    io.to(`draft-${seasonId}`).emit("participant-removed-from-queues", {
+      participantId: participantToPick.id,
+    });
+  } catch (error) {
+    console.error("Socket.IO participant-removed-from-queues error:", error);
+  }
+
   // Emit socket event
   try {
     const io = (global as any).__socketIO;

app/routes/api/draft.force-manual-pick.ts

@@ -186,6 +186,16 @@ export async function action(args: any) {
       )
     );
 
+  // Notify all clients that this participant was removed from queues
+  try {
+    const io = (global as any).__socketIO;
+    io.to(`draft-${seasonId}`).emit("participant-removed-from-queues", {
+      participantId,
+    });
+  } catch (error) {
+    console.error("Socket.IO participant-removed-from-queues error:", error);
+  }
+
   // Emit socket event
   try {
     const io = (global as any).__socketIO;

app/routes/api/draft.make-pick.ts

@@ -151,6 +151,16 @@ export async function action(args: any) {
       )
     );
 
+  // Notify all clients that this participant was removed from queues
+  try {
+    const io = (global as any).__socketIO;
+    io.to(`draft-${seasonId}`).emit("participant-removed-from-queues", {
+      participantId,
+    });
+  } catch (error) {
+    console.error("Socket.IO participant-removed-from-queues error:", error);
+  }
+
   // Add increment to the team that just picked
   const currentTimer = await db.query.draftTimers.findFirst({
     where: and(

app/routes/leagues/$leagueId.draft.$seasonId.tsx

@@ -406,6 +406,13 @@ export default function DraftRoom() {
       setConnectedTeams(new Set(data.teamIds));
     };
 
+    const handleParticipantRemovedFromQueues = (data: { participantId: string }) => {
+      console.log("Participant removed from queues:", data.participantId);
+      setQueue((prev: any) =>
+        prev.filter((item: any) => item.participantId !== data.participantId)
+      );
+    };
+
     on("pick-made", handlePickMade);
     on("timer-update", handleTimerUpdate);
     on("draft-paused", handleDraftPaused);
@@ -415,6 +422,7 @@ export default function DraftRoom() {
     on("team-connected", handleTeamConnected);
     on("team-disconnected", handleTeamDisconnected);
     on("connected-teams-list", handleConnectedTeamsList);
+    on("participant-removed-from-queues", handleParticipantRemovedFromQueues);
 
     return () => {
       off("pick-made", handlePickMade);
@@ -426,6 +434,7 @@ export default function DraftRoom() {
       off("team-connected", handleTeamConnected);
       off("team-disconnected", handleTeamDisconnected);
       off("connected-teams-list", handleConnectedTeamsList);
+      off("participant-removed-from-queues", handleParticipantRemovedFromQueues);
     };
   }, [on, off, currentPick, userTeam]);
 

server/socket.ts

@@ -28,6 +28,7 @@ interface ServerToClientEvents {
   "connected-teams-list": (data: { teamIds: string[] }) => void;
   "draft-paused": () => void;
   "draft-resumed": () => void;
+  "participant-removed-from-queues": (data: { participantId: string }) => void;
 }
 
 interface ClientToServerEvents {