several

src/app/routes/_authed/admin/preview.tsx

@@ -3,6 +3,13 @@ import { createFileRoute } from '@tanstack/react-router'
 
 export const Route = createFileRoute('/_authed/admin/preview')({
   component: RouteComponent,
+  loader: () => ({
+    header: {
+      withBackButton: true,
+      title: "Bracket Preview"
+    },
+    withPadding: false
+  })
 })
 
 function RouteComponent() {

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

@@ -1,12 +1,6 @@
 import { createFileRoute, redirect } from '@tanstack/react-router'
 import { tournamentQueries } from '@/features/tournaments/queries'
-import { useQuery } from '@tanstack/react-query'
-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'
+import ManageTournament from '@/features/tournaments/components/manage-tournament'
 
 export const Route = createFileRoute('/_authed/admin/tournaments/$id')({
   beforeLoad: async ({ context, params }) => {
@@ -29,33 +23,5 @@ export const Route = createFileRoute('/_authed/admin/tournaments/$id')({
 
 function RouteComponent() {
   const { id } = Route.useParams()
-  const { data: tournament } = useQuery(tournamentQueries.details(id))
-  if (!tournament) throw new Error("Tournament not found.")
-
-  const { isOpen: editTournamentOpened, open: openEditTournament, close: closeEditTournament } = useSheet();
-
-  return (
-    <>
-      <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>
-    </>
-  )
+  return <ManageTournament tournamentId={id} />
 }