reactions, match sse, etc

src/app/routes/_authed/index.tsx

@@ -2,6 +2,7 @@ import { createFileRoute } from "@tanstack/react-router";
 import { tournamentQueries, useCurrentTournament } from "@/features/tournaments/queries";
 import UpcomingTournament from "@/features/tournaments/components/upcoming-tournament";
 import { ensureServerQueryData } from "@/lib/tanstack-query/utils/ensure";
+import StartedTournament from "@/features/tournaments/components/started-tournament";
 
 export const Route = createFileRoute("/_authed/")({
   component: Home,
@@ -12,7 +13,7 @@ export const Route = createFileRoute("/_authed/")({
     return { tournament }
   },
   loader: ({ context }) => ({
-    withPadding: true,
+    withPadding: false,
     header: {
       title: context.tournament.name || "FLXN"
     }
@@ -22,9 +23,9 @@ export const Route = createFileRoute("/_authed/")({
 function Home() {
   const { data: tournament } = useCurrentTournament();
 
-  if (!tournament.matches || tournament.matches.length !== 0) {
+  if (!tournament.matches || tournament.matches.length === 0) {
     return <UpcomingTournament tournament={tournament} />;
   }
 
-  return <p>Started Tournament</p>
+  return <StartedTournament tournament={tournament} />
 }

src/app/routes/api/events.$.ts

@@ -9,11 +9,9 @@ export const ServerRoute = createServerFileRoute("/api/events/$").middleware([su
     
     const stream = new ReadableStream({
       start(controller) {
-        // Send initial connection messages
         const connectMessage = `data: ${JSON.stringify({ type: "connected" })}\n\n`;
         controller.enqueue(new TextEncoder().encode(connectMessage));
 
-        // Listen for events and broadcast to all connections
         const handleEvent = (event: ServerEvent) => {
           logger.info('ServerEvents | Event received', event);
           const message = `data: ${JSON.stringify(event)}\n\n`;
@@ -25,8 +23,8 @@ export const ServerRoute = createServerFileRoute("/api/events/$").middleware([su
         };
 
         serverEvents.on("test", handleEvent);
+        serverEvents.on("match", handleEvent);
 
-        // Keep alive ping every 30 seconds
         const pingInterval = setInterval(() => {
           try {
             const pingMessage = `data: ${JSON.stringify({ type: "ping" })}\n\n`;