From 1ae88f2e223d6477c012317f74f1e2500b5a0b3f Mon Sep 17 00:00:00 2001 From: Leo dev Date: Sat, 7 Feb 2026 23:36:18 +0100 Subject: [PATCH] Fixed live run page --- src/app/runs/[runId]/components/Editor.tsx | 2 +- src/app/runs/[runId]/page.tsx | 10 +++++++--- 2 files changed, 8 insertions(+), 4 deletions(-) diff --git a/src/app/runs/[runId]/components/Editor.tsx b/src/app/runs/[runId]/components/Editor.tsx index 0232795..82ccf7b 100644 --- a/src/app/runs/[runId]/components/Editor.tsx +++ b/src/app/runs/[runId]/components/Editor.tsx @@ -41,7 +41,7 @@ function getLanguageExtension(lang: Language) { } } -export default function Editor({ run }: { run: LiveRun | null }) { +export default function Editor({ run }: { run: LiveRun | null | undefined }) { const [editorView, setEditorView] = useState(); const [moves] = useActionOnce(getLiveRunMoves, [run]); diff --git a/src/app/runs/[runId]/page.tsx b/src/app/runs/[runId]/page.tsx index 0899a64..943d86f 100644 --- a/src/app/runs/[runId]/page.tsx +++ b/src/app/runs/[runId]/page.tsx @@ -11,16 +11,20 @@ import { getLiveRun } from "@/modules/live-run/actions"; import ProblemCard from "@/app/problems/components/ProblemCard"; import ProfileCard from "./components/ProfileCard"; import { getProblem } from "@/modules/problems/actions"; +import { useParams } from "next/navigation"; export default function Run() { - const [run] = useActionInterval(getLiveRun, 1000); + const params = useParams<{ runId: string }>(); + + const [run] = useActionInterval(() => getLiveRun(params.runId), 1000, [ + params, + ]); + const [problem] = useAction( async () => (run?.id ? getProblem(run.problem) : null), [run], ); - console.log(problem); - const chatMessages: ChatMessage[] = [ { user: "Alice", message: "Nice split!", time: "1:53" }, { user: "Bob", message: "Watch out for the string problem!", time: "1:54" },