several changes

src/app/routes/_authed/admin/tournaments/$id.tsx

@@ -1,21 +1,28 @@
-import { createFileRoute } from '@tanstack/react-router'
+import { createFileRoute, redirect } from '@tanstack/react-router'
 import { tournamentQueries } from '@/features/tournaments/queries'
 import { useQuery } from '@tanstack/react-query'
-import { useAuth } from '@/contexts/auth-context'
-import EditTournament from '@/features/admin/components/edit-tournament'
-import Page from '@/components/page'
-import { Loader } from '@mantine/core'
+import { List } from '@mantine/core'
+import ListButton from '@/components/list-button'
+import { HardDrivesIcon, PencilLineIcon, UsersThreeIcon } from '@phosphor-icons/react'
+import { useSheet } from '@/hooks/use-sheet'
+import Sheet from '@/components/sheet/sheet'
+import TournamentForm from '@/features/tournaments/components/tournament-form'
 
 export const Route = createFileRoute('/_authed/admin/tournaments/$id')({
   beforeLoad: async ({ context, params }) => {
     const { queryClient } = context;
-    await queryClient.ensureQueryData(tournamentQueries.details(params.id))
+    const tournament = await queryClient.ensureQueryData(tournamentQueries.details(params.id))
+    if (!tournament) throw redirect({ to: '/admin/tournaments' });
+    return {
+      tournament
+    }
   },
-  loader: () => ({
+  loader: ({ context }) => ({
     header: {
       withBackButton: true,
-      title: 'Edit Tournament',
+      title: `Manage ${context.tournament.name}`,
     },
+    withPadding: false
   }),
   component: RouteComponent,
 })
@@ -25,9 +32,30 @@ function RouteComponent() {
   const { data: tournament } = useQuery(tournamentQueries.details(id))
   if (!tournament) throw new Error("Tournament not found.")
 
+  const { isOpen: editTournamentOpened, open: openEditTournament, close: closeEditTournament } = useSheet();
+
   return (
-    <Page>
-      <EditTournament tournament={tournament} />
-    </Page>
+    <>
+      <List>
+        <ListButton label="Edit Tournament" Icon={HardDrivesIcon} onClick={openEditTournament} />
+        <ListButton label="Edit Rules" Icon={PencilLineIcon} onClick={console.log} />
+        <ListButton label="Edit Enrolled Teams" Icon={UsersThreeIcon} onClick={console.log} />
+      </List>
+
+      <Sheet opened={editTournamentOpened} onChange={closeEditTournament}>
+        <TournamentForm 
+          tournamentId={tournament.id} 
+          initialValues={{
+            name: tournament.name,
+            location: tournament.location,
+            desc: tournament.desc,
+            start_time: tournament.start_time,
+            enroll_time: tournament.enroll_time,
+            end_time: tournament.end_time,
+          }} 
+          close={closeEditTournament} 
+        />
+      </Sheet>
+    </>
   )
 }

src/app/routes/_authed/tournaments/index.tsx

@@ -7,7 +7,7 @@ import { useQuery } from '@tanstack/react-query'
 import { useAuth } from '@/contexts/auth-context'
 import { useSheet } from '@/hooks/use-sheet'
 import Sheet from '@/components/sheet/sheet'
-import CreateTournament from '@/features/admin/components/create-tournament'
+import TournamentForm from '@/features/tournaments/components/tournament-form'
 import { PlusIcon } from '@phosphor-icons/react'
 import Button from '@/components/button'
 
@@ -38,7 +38,7 @@ function RouteComponent() {
           <>
           <Button leftSection={<PlusIcon />} variant='subtle' onClick={sheet.open}>Create Tournament</Button>
           <Sheet {...sheet.props} title='Create Tournament'>
-            <CreateTournament close={sheet.close} />
+            <TournamentForm close={sheet.close} />
           </Sheet>
           </>
         ) : null

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

@@ -5,7 +5,7 @@ import { superTokensRequestMiddleware } from "@/utils/supertokens";
 
 export const ServerRoute = createServerFileRoute("/api/events/$").middleware([superTokensRequestMiddleware]).methods({
   GET: ({ request, context }) => {
-    logger.info('ServerEvents | New connection', (context as any)?.userAuthId);
+    logger.info('ServerEvents | New connection', context?.userAuthId);
     
     const stream = new ReadableStream({
       start(controller) {
@@ -41,7 +41,7 @@ export const ServerRoute = createServerFileRoute("/api/events/$").middleware([su
           serverEvents.off("test", handleEvent);
           clearInterval(pingInterval);
           try {
-            logger.info('ServerEvents | Closing connection', (context as any)?.userAuthId);
+            logger.info('ServerEvents | Closing connection', context?.userAuthId);
             controller.close();
           } catch (e) {
             logger.error('ServerEvents | Error closing controller', e);