From bcea0c495c8aacfa4a3dda8f3186c6f80c243605 Mon Sep 17 00:00:00 2001
From: Leo dev <klesti.selimay@icloud.com>
Date: Sun, 8 Feb 2026 14:13:19 +0100
Subject: [PATCH] Live runs refreshing

---
 src/app/problems/components/ProblemCard.tsx | 3 ++-
 src/app/runs/page.tsx                       | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/app/problems/components/ProblemCard.tsx b/src/app/problems/components/ProblemCard.tsx
index 8b0e4ff..e4a88c3 100644
--- a/src/app/problems/components/ProblemCard.tsx
+++ b/src/app/problems/components/ProblemCard.tsx
@@ -11,6 +11,7 @@ import { Badge } from "@/components/ui/badge";
 import { cn } from "@/lib/utils";
 import { Problem } from "@/modules/problems/types";
 import { Clock, Zap, Users, Code } from "lucide-react";
+import axios from "axios";
 
 const ProblemCard = ({
   problem,
@@ -100,7 +101,7 @@ const ProblemCard = ({
         <Button
           size="icon"
           onClick={async () => {
-            await fetch(`http://127.0.0.1:63780/start-run/${problem.id}`);
+            await axios.get(`http://127.0.0.1:63780/start-run/${problem.id}`);
             window.open("vscode://", "_blank");
           }}
         >
diff --git a/src/app/runs/page.tsx b/src/app/runs/page.tsx
index 51ec027..84a248e 100644
--- a/src/app/runs/page.tsx
+++ b/src/app/runs/page.tsx
@@ -9,12 +9,12 @@ import {
   TableRow,
 } from "@/components/ui/table";
 import LiveRunRow from "./components/LiveRunRow";
-import useAction from "@/hook/use-action";
+import useAction, { useActionInterval } from "@/hook/use-action";
 import { getLiveRuns } from "@/modules/live-run/actions";
 import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
 
 export default function LiveRuns() {
-  const [liveRuns] = useAction(getLiveRuns);
+  const [liveRuns] = useActionInterval(getLiveRuns, 1500);
 
   // Sort top runners (status === 'pb') to the top
   const sortedRuns = [...(liveRuns || [])];