6 files changed, 182 insertions, 3 deletions
diff --git a/frontend/app/routes/admin.dashboard.tsx b/frontend/app/routes/admin.dashboard.tsx
index d5f3809..af82731 100644
--- a/frontend/app/routes/admin.dashboard.tsx
+++ b/frontend/app/routes/admin.dashboard.tsx
@@ -23,6 +23,9 @@ export default function AdminDashboard() {
       <p>
         <Link to="/admin/users">Users</Link>
       </p>
+      <p>
+        <Link to="/admin/games">Games</Link>
+      </p>
     </div>
   );
 }
diff --git a/frontend/app/routes/admin.games.tsx b/frontend/app/routes/admin.games.tsx
new file mode 100644
index 0000000..8362c6c
--- /dev/null
+++ b/frontend/app/routes/admin.games.tsx
@@ -0,0 +1,49 @@
+import type { LoaderFunctionArgs, MetaFunction } from "@remix-run/node";
+import { useLoaderData, Link } from "@remix-run/react";
+import { isAuthenticated } from "../.server/auth";
+import { apiClient } from "../.server/api/client";
+
+export const meta: MetaFunction = () => {
+  return [{ title: "[Admin] Games | iOSDC 2024 Albatross.swift" }];
+};
+
+export async function loader({ request }: LoaderFunctionArgs) {
+  const { user, token } = await isAuthenticated(request, {
+    failureRedirect: "/login",
+  });
+  if (!user.is_admin) {
+    throw new Error("Unauthorized");
+  }
+  const { data, error } = await apiClient.GET("/admin/games", {
+    params: {
+      header: {
+        Authorization: `Bearer ${token}`,
+      },
+    },
+  });
+  if (error) {
+    throw new Error(error.message);
+  }
+  return { games: data.games };
+}
+
+export default function AdminGames() {
+  const { games } = useLoaderData<typeof loader>()!;
+
+  return (
+    <div>
+      <div>
+        <h1>[Admin] Games</h1>
+        <ul>
+          {games.map((game) => (
+            <li key={game.game_id}>
+              <Link to={`/admin/games/${game.game_id}`}>
+                {game.display_name} (id={game.game_id})
+              </Link>
+            </li>
+          ))}
+        </ul>
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/app/routes/admin.games_.$gameId.tsx b/frontend/app/routes/admin.games_.$gameId.tsx
new file mode 100644
index 0000000..5d83fb4
--- /dev/null
+++ b/frontend/app/routes/admin.games_.$gameId.tsx
@@ -0,0 +1,127 @@
+import type {
+  LoaderFunctionArgs,
+  MetaFunction,
+  ActionFunctionArgs,
+} from "@remix-run/node";
+import { useLoaderData, Form } from "@remix-run/react";
+import { isAuthenticated } from "../.server/auth";
+import { apiClient } from "../.server/api/client";
+
+export const meta: MetaFunction<typeof loader> = ({ data }) => {
+  return [
+    {
+      title: data
+        ? `[Admin] Game Edit ${data.game.display_name} | iOSDC 2024 Albatross.swift`
+        : "[Admin] Game Edit | iOSDC 2024 Albatross.swift",
+    },
+  ];
+};
+
+export async function loader({ request, params }: LoaderFunctionArgs) {
+  const { user, token } = await isAuthenticated(request, {
+    failureRedirect: "/login",
+  });
+  if (!user.is_admin) {
+    throw new Error("Unauthorized");
+  }
+  const { gameId } = params;
+  const { data, error } = await apiClient.GET("/admin/games/{game_id}", {
+    params: {
+      path: {
+        game_id: Number(gameId),
+      },
+      header: {
+        Authorization: `Bearer ${token}`,
+      },
+    },
+  });
+  if (error) {
+    throw new Error(error.message);
+  }
+  return { game: data.game };
+}
+
+export async function action({ request, params }: ActionFunctionArgs) {
+  const { user, token } = await isAuthenticated(request, {
+    failureRedirect: "/login",
+  });
+  if (!user.is_admin) {
+    throw new Error("Unauthorized");
+  }
+  const { gameId } = params;
+
+  const formData = await request.formData();
+  const action = formData.get("action");
+
+  const nextState =
+    action === "open"
+      ? "waiting_entries"
+      : action === "start"
+        ? "waiting_start"
+        : null;
+  if (!nextState) {
+    throw new Error("Invalid action");
+  }
+
+  const { error } = await apiClient.PUT("/admin/games/{game_id}", {
+    params: {
+      path: {
+        game_id: Number(gameId),
+      },
+      header: {
+        Authorization: `Bearer ${token}`,
+      },
+    },
+    body: {
+      state: nextState,
+    },
+  });
+  if (error) {
+    throw new Error(error.message);
+  }
+}
+
+export default function AdminGameEdit() {
+  const { game } = useLoaderData<typeof loader>()!;
+
+  return (
+    <div>
+      <div>
+        <h1>[Admin] Game Edit {game.display_name}</h1>
+        <ul>
+          <li>ID: {game.game_id}</li>
+          <li>State: {game.state}</li>
+          <li>Display Name: {game.display_name}</li>
+          <li>Duration Seconds: {game.duration_seconds}</li>
+          <li>
+            Started At:{" "}
+            {game.started_at
+              ? new Date(game.started_at * 1000).toString()
+              : "-"}
+          </li>
+          <li>Problem ID: {game.problem ? game.problem.problem_id : "-"}</li>
+        </ul>
+        <div>
+          <Form method="post">
+            <button
+              type="submit"
+              name="action"
+              value="open"
+              disabled={game.state !== "closed"}
+            >
+              Open
+            </button>
+            <button
+              type="submit"
+              name="action"
+              value="start"
+              disabled={game.state !== "waiting_start"}
+            >
+              Start
+            </button>
+          </Form>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/frontend/app/routes/admin.users.tsx b/frontend/app/routes/admin.users.tsx
index d9901a2..61a25bf 100644
--- a/frontend/app/routes/admin.users.tsx
+++ b/frontend/app/routes/admin.users.tsx
@@ -37,7 +37,7 @@ export default function AdminUsers() {
         <ul>
           {users.map((user) => (
             <li key={user.user_id}>
-              {user.display_name} (uid={user.user_id} username={user.username})
+              {user.display_name} (id={user.user_id} username={user.username})
               {user.is_admin && <span> admin</span>}
             </li>
           ))}
diff --git a/frontend/app/routes/golf.$gameId.play.tsx b/frontend/app/routes/golf.$gameId.play.tsx
index 3932b4b..2a3a68b 100644
--- a/frontend/app/routes/golf.$gameId.play.tsx
+++ b/frontend/app/routes/golf.$gameId.play.tsx
@@ -35,7 +35,7 @@ export async function loader({ params, request }: LoaderFunctionArgs) {
     if (error) {
       throw new Error(error.message);
     }
-    return data;
+    return data.game;
   };
 
   const fetchSockToken = async () => {
diff --git a/frontend/app/routes/golf.$gameId.watch.tsx b/frontend/app/routes/golf.$gameId.watch.tsx
index eeb6fb9..da7baf1 100644
--- a/frontend/app/routes/golf.$gameId.watch.tsx
+++ b/frontend/app/routes/golf.$gameId.watch.tsx
@@ -35,7 +35,7 @@ export async function loader({ params, request }: LoaderFunctionArgs) {
     if (error) {
       throw new Error(error.message);
     }
-    return data;
+    return data.game;
   };
 
   const fetchSockToken = async () => {