From 418473d72c0d867a97ac543cb7988a45f2e2f275 Mon Sep 17 00:00:00 2001
From: Salih Altun <salih@skyvern.com>
Date: Thu, 30 May 2024 22:35:36 +0300
Subject: [PATCH] Fix url overflow in task history (#397)

---
 skyvern-frontend/src/routes/tasks/list/TaskHistory.tsx    | 2 +-
 skyvern-frontend/src/routes/tasks/running/QueuedTasks.tsx | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/skyvern-frontend/src/routes/tasks/list/TaskHistory.tsx b/skyvern-frontend/src/routes/tasks/list/TaskHistory.tsx
index 8378cd8d..094f8758 100644
--- a/skyvern-frontend/src/routes/tasks/list/TaskHistory.tsx
+++ b/skyvern-frontend/src/routes/tasks/list/TaskHistory.tsx
@@ -84,7 +84,7 @@ function TaskHistory() {
                 return (
                   <TableRow key={task.task_id} className="w-4">
                     <TableCell
-                      className="w-1/3 cursor-pointer"
+                      className="w-1/3 cursor-pointer max-w-64 overflow-hidden whitespace-nowrap overflow-ellipsis"
                       onClick={() => {
                         navigate(task.task_id);
                       }}
diff --git a/skyvern-frontend/src/routes/tasks/running/QueuedTasks.tsx b/skyvern-frontend/src/routes/tasks/running/QueuedTasks.tsx
index c1220d32..6efe9a57 100644
--- a/skyvern-frontend/src/routes/tasks/running/QueuedTasks.tsx
+++ b/skyvern-frontend/src/routes/tasks/running/QueuedTasks.tsx
@@ -57,7 +57,9 @@ function QueuedTasks() {
                     navigate(task.task_id);
                   }}
                 >
-                  <TableCell className="w-1/3">{task.request.url}</TableCell>
+                  <TableCell className="w-1/3 max-w-64 overflow-hidden whitespace-nowrap overflow-ellipsis">
+                    {task.request.url}
+                  </TableCell>
                   <TableCell className="w-1/3">
                     <StatusBadge status={task.status} />
                   </TableCell>