frontend: session page improvements

2026-05-24 09:07:10 +00:00 · 2025-05-04 14:40:50 +08:00
parent d3176a5bb3
commit 4c6762ef1d
56 changed files with 1654 additions and 1684 deletions
@@ -0,0 +1,74 @@
+import { useCurrentTask } from "@/pages/CompetitionSession/providers/session-provider.tsx";
+import { TaskType } from "@/shared/types/task.ts";
+import { useQuery } from "@tanstack/react-query";
+import { useSolutions } from "@/pages/CompetitionSession/providers/solution-provider.tsx";
+import { ofetch } from "ofetch";
+import { CodeAnswer } from "@/pages/CompetitionSession/widgets/answers/code.tsx";
+import { InputAnswer } from "@/pages/CompetitionSession/widgets/answers/input.tsx";
+import { FileAnswer } from "@/pages/CompetitionSession/widgets/answers/file.tsx";
+
+const fetchSettings = {
+  refetchOnWindowFocus: false,
+  refetchOnMount: false,
+  refetchOnReconnect: false,
+  staleTime: Infinity,
+};
+
+export const SolutionAnswer = () => {
+  const { task } = useCurrentTask();
+  const { currentSolution } = useSolutions();
+
+  const contentQuery = useQuery({
+    queryKey: ["submission", currentSolution?.id],
+    queryFn: async () => {
+      if (!currentSolution) {
+        return null;
+      }
+
+      return await ofetch(currentSolution.content, {
+        parseResponse: (txt) => txt,
+      });
+    },
+    enabled:
+      !!currentSolution && [TaskType.INPUT, TaskType.CODE].includes(task.type),
+    ...fetchSettings,
+  });
+
+  const fileQuery = useQuery({
+    queryKey: ["submission", currentSolution?.id],
+    queryFn: async () => {
+      if (!currentSolution) {
+        return null;
+      }
+
+      return await ofetch(currentSolution.content, { responseType: "blob" });
+    },
+    enabled: !!currentSolution && task.type === TaskType.FILE,
+    ...fetchSettings,
+  });
+
+  switch (task.type) {
+    case TaskType.INPUT:
+      return (
+        <InputAnswer
+          content={contentQuery.data}
+          isLoading={contentQuery.isLoading}
+        />
+      );
+    case TaskType.CODE:
+      return (
+        <CodeAnswer
+          content={contentQuery.data}
+          isLoading={contentQuery.isLoading}
+        />
+      );
+    case TaskType.FILE:
+      return (
+        <FileAnswer
+          fetchedFile={fileQuery.data}
+          isLoading={fileQuery.isLoading}
+          filename={currentSolution?.content.split("/").at(-1)}
+        />
+      );
+  }
+};