replay frontend (untested)

Author: RobotHanzo

src/dashboard/src/App.tsx

@@ -4,14 +4,20 @@ import { AccessDenied } from '@/features/auth/components/AccessDenied';
 import { LoginPage } from '@/features/auth/pages/LoginPage';
 import { ServerSelectionPage } from '@/features/server-selection/pages/ServerSelectionPage';
 import { PlayerManager } from '@/features/game/components/PlayerManager';
+import { ModeSelectionPage } from '@/features/replays/pages/ModeSelectionPage';
+import { ReplayListPage } from '@/features/replays/pages/ReplayListPage';
+import { ReplayViewPage } from '@/features/replays/pages/ReplayViewPage';
 
 const App = () => {
   return (
     <Routes>
       <Route path="/login" element={<LoginPage />} />
       <Route path="/auth/callback" element={<AuthCallback />} />
       <Route path="/access-denied" element={<AccessDenied />} />
-      <Route path="/" element={<ServerSelectionPage />} />
+      <Route path="/" element={<ModeSelectionPage />} />
+      <Route path="/manage" element={<ServerSelectionPage />} />
+      <Route path="/replays" element={<ReplayListPage />} />
+      <Route path="/replays/:sessionId" element={<ReplayViewPage />} />
       <Route path="/server/:guildId/*" element={<PlayerManager />} />
     </Routes>
   );

src/dashboard/src/api/@tanstack/react-query.gen.ts

@@ -13,6 +13,7 @@ import {
   getAllSessions,
   getMembers,
   getReplay,
+  getReplays,
   getSession,
   getUser,
   interruptSpeech,
@@ -67,6 +68,9 @@ import type {
   GetReplayData,
   GetReplayError,
   GetReplayResponse,
+  GetReplaysData,
+  GetReplaysError,
+  GetReplaysResponse,
   GetSessionData,
   GetSessionError,
   GetSessionResponse,
@@ -1057,6 +1061,31 @@ export const getMembersOptions = (options: Options<GetMembersData>) =>
     queryKey: getMembersQueryKey(options),
   });
 
+export const getReplaysQueryKey = (options?: Options<GetReplaysData>) =>
+  createQueryKey('getReplays', options);
+
+/**
+ * List replays for current user
+ */
+export const getReplaysOptions = (options?: Options<GetReplaysData>) =>
+  queryOptions<
+    GetReplaysResponse,
+    AxiosError<GetReplaysError>,
+    GetReplaysResponse,
+    ReturnType<typeof getReplaysQueryKey>
+  >({
+    queryFn: async ({ queryKey, signal }) => {
+      const { data } = await getReplays({
+        ...options,
+        ...queryKey[0],
+        signal,
+        throwOnError: true,
+      });
+      return data;
+    },
+    queryKey: getReplaysQueryKey(options),
+  });
+
 /**
  * Delete replay (Judges only)
  */

src/dashboard/src/api/index.ts

@@ -9,6 +9,7 @@ export {
   getAllSessions,
   getMembers,
   getReplay,
+  getReplays,
   getSession,
   getUser,
   interruptSpeech,
@@ -87,6 +88,11 @@ export type {
   GetReplayErrors,
   GetReplayResponse,
   GetReplayResponses,
+  GetReplaysData,
+  GetReplaysError,
+  GetReplaysErrors,
+  GetReplaysResponse,
+  GetReplaysResponses,
   GetSessionData,
   GetSessionError,
   GetSessionErrors,
@@ -147,6 +153,7 @@ export type {
   Replay,
   ReplayDay,
   ReplayEvent,
+  ReplayListResponse,
   ReplayPlayer,
   ReplayResponse,
   ResetGameData,

src/dashboard/src/api/sdk.gen.ts

@@ -25,6 +25,9 @@ import type {
   GetReplayData,
   GetReplayErrors,
   GetReplayResponses,
+  GetReplaysData,
+  GetReplaysErrors,
+  GetReplaysResponses,
   GetSessionData,
   GetSessionErrors,
   GetSessionResponses,
@@ -579,6 +582,17 @@ export const getMembers = <ThrowOnError extends boolean = false>(
     ...options,
   });
 
+/**
+ * List replays for current user
+ */
+export const getReplays = <ThrowOnError extends boolean = false>(
+  options?: Options<GetReplaysData, ThrowOnError>
+) =>
+  (options?.client ?? client).get<GetReplaysResponses, GetReplaysErrors, ThrowOnError>({
+    url: '/api/replays',
+    ...options,
+  });
+
 /**
  * Delete replay (Judges only)
  */