From fdd127a20205fe62195607585102140609d9d7e1 Mon Sep 17 00:00:00 2001
From: Salih Altun <salih@skyvern.com>
Date: Thu, 30 May 2024 21:49:15 +0300
Subject: [PATCH] show timed_out tasks in history (#395)

---
 skyvern-frontend/src/api/types.ts                      | 1 +
 skyvern-frontend/src/components/StatusBadge.tsx        | 6 +++++-
 skyvern-frontend/src/routes/tasks/list/TaskHistory.tsx | 1 +
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/skyvern-frontend/src/api/types.ts b/skyvern-frontend/src/api/types.ts
index 81c1fc4e..8e0e1a17 100644
--- a/skyvern-frontend/src/api/types.ts
+++ b/skyvern-frontend/src/api/types.ts
@@ -18,6 +18,7 @@ export const Status = {
   Terminated: "terminated",
   Completed: "completed",
   Queued: "queued",
+  TimedOut: "timed_out",
 } as const;
 
 export type Status = (typeof Status)[keyof typeof Status];
diff --git a/skyvern-frontend/src/components/StatusBadge.tsx b/skyvern-frontend/src/components/StatusBadge.tsx
index b3c78a0f..31e2131f 100644
--- a/skyvern-frontend/src/components/StatusBadge.tsx
+++ b/skyvern-frontend/src/components/StatusBadge.tsx
@@ -9,7 +9,11 @@ function StatusBadge({ status }: Props) {
   let variant: "default" | "success" | "destructive" | "warning" = "default";
   if (status === "completed") {
     variant = "success";
-  } else if (status === "failed" || status === "terminated") {
+  } else if (
+    status === "failed" ||
+    status === "terminated" ||
+    status === "timed_out"
+  ) {
     variant = "destructive";
   } else if (status === "running") {
     variant = "warning";
diff --git a/skyvern-frontend/src/routes/tasks/list/TaskHistory.tsx b/skyvern-frontend/src/routes/tasks/list/TaskHistory.tsx
index 1f9886a7..8378cd8d 100644
--- a/skyvern-frontend/src/routes/tasks/list/TaskHistory.tsx
+++ b/skyvern-frontend/src/routes/tasks/list/TaskHistory.tsx
@@ -47,6 +47,7 @@ function TaskHistory() {
       params.append("task_status", "completed");
       params.append("task_status", "failed");
       params.append("task_status", "terminated");
+      params.append("task_status", "timed_out");
       return client
         .get("/tasks", {
           params,