From 38fb060b78ba30bbac11aac387631311cc600fb2 Mon Sep 17 00:00:00 2001
From: yohlo <yohlerkyle@gmail.com>
Date: Mon, 25 Aug 2025 22:49:19 -0500
Subject: [PATCH] better admin page/list link

---
 src/app/routes/_authed/admin/index.tsx       | 20 ++---------------
 src/components/list-link.tsx                 | 23 +++++++++++---------
 src/features/admin/components/admin-page.tsx | 17 +++++++++++++++
 src/features/admin/index.ts                  |  6 ++++-
 4 files changed, 37 insertions(+), 29 deletions(-)
 create mode 100644 src/features/admin/components/admin-page.tsx

diff --git a/src/app/routes/_authed/admin/index.tsx b/src/app/routes/_authed/admin/index.tsx
index 8968db2..abfd948 100644
--- a/src/app/routes/_authed/admin/index.tsx
+++ b/src/app/routes/_authed/admin/index.tsx
@@ -1,22 +1,6 @@
 import { createFileRoute } from "@tanstack/react-router"
-import { Title } from "@mantine/core";
-import Page from "@/components/page";
-import { playerQueries } from "@/features/players/queries";
-import { useQuery } from "@tanstack/react-query";
-import PlayerList from "@/features/players/components/player-list";
+import { AdminPage } from "@/features/admin";
 
 export const Route = createFileRoute("/_authed/admin/")({
-  loader: async ({ context }) => {
-    const { queryClient } = context;
-    await queryClient.ensureQueryData(playerQueries.list())
-  },
-  component: RouteComponent,
+  component: () => <AdminPage />,
 })
-
-function RouteComponent() {
-  const { data: players, isLoading } = useQuery(playerQueries.list());
-  return <Page>
-    <Title order={2} mb='md'>Players</Title>
-    <PlayerList players={players!} loading={isLoading} />
-  </Page>
-}
diff --git a/src/components/list-link.tsx b/src/components/list-link.tsx
index b5353a9..a8798d8 100644
--- a/src/components/list-link.tsx
+++ b/src/components/list-link.tsx
@@ -1,4 +1,4 @@
-import { NavLink, Text } from "@mantine/core";
+import { Divider, NavLink, Text } from "@mantine/core";
 import { CaretRightIcon, Icon } from "@phosphor-icons/react";
 import { Link, useNavigate } from "@tanstack/react-router";
 
@@ -12,15 +12,18 @@ const ListLink = ({ label, to, Icon }: ListLinkProps) => {
   const navigate = useNavigate();
 
   return (
-    <NavLink
-      w='100%'
-      p='md'
-      component={'button'}
-      onClick={() => navigate({ to })}
-      label={<Text fw={500} size='md'>{label}</Text>}
-      leftSection={<Icon weight='bold' size={20} />}
-      rightSection={<CaretRightIcon size={20} />}
-    />
+    <>
+      <NavLink
+        w='100%'
+        p='md'
+        component={'button'}
+        onClick={() => navigate({ to })}
+        label={<Text fw={500} size='md'>{label}</Text>}
+        leftSection={<Icon weight='bold' size={20} />}
+        rightSection={<CaretRightIcon size={20} />}
+      />
+      <Divider />
+    </>
   )
 }
 
diff --git a/src/features/admin/components/admin-page.tsx b/src/features/admin/components/admin-page.tsx
new file mode 100644
index 0000000..217dc62
--- /dev/null
+++ b/src/features/admin/components/admin-page.tsx
@@ -0,0 +1,17 @@
+import { Title, List, Divider } from "@mantine/core";
+import ListLink from "@/components/list-link";
+import Page from "@/components/page";
+import { TrophyIcon } from "@phosphor-icons/react";
+
+const AdminPage = () => {
+  return (
+    <Page noPadding>
+      <Title pl='sm' order={2} mb="md">Admin</Title>
+      <List>
+        <ListLink label="Manage Tournaments" Icon={TrophyIcon} to="/admin/tournaments" />
+      </List>
+    </Page>
+  );
+};
+
+export default AdminPage;
\ No newline at end of file
diff --git a/src/features/admin/index.ts b/src/features/admin/index.ts
index add9192..da205b1 100644
--- a/src/features/admin/index.ts
+++ b/src/features/admin/index.ts
@@ -1,3 +1,7 @@
 import { Logger } from "@/lib/logger";
 
-export const logger = new Logger('Admin');
\ No newline at end of file
+export const logger = new Logger('Admin');
+
+export { default as CreateTournament } from './components/create-tournament';
+export { default as EditTournament } from './components/edit-tournament';
+export { default as AdminPage } from './components/admin-page';
\ No newline at end of file