From 7802f8e05479a0988433b92df354dcd8a2dab11a Mon Sep 17 00:00:00 2001
From: Shuchang Zheng <wintonzheng0325@gmail.com>
Date: Thu, 17 Oct 2024 12:36:50 -0700
Subject: [PATCH] Add create new task button to top of task history page (#995)

---
 skyvern-frontend/src/routes/tasks/list/TaskList.tsx | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/skyvern-frontend/src/routes/tasks/list/TaskList.tsx b/skyvern-frontend/src/routes/tasks/list/TaskList.tsx
index 4f1c7337..30c37501 100644
--- a/skyvern-frontend/src/routes/tasks/list/TaskList.tsx
+++ b/skyvern-frontend/src/routes/tasks/list/TaskList.tsx
@@ -8,10 +8,21 @@ import {
 import { QueuedTasks } from "../running/QueuedTasks";
 import { RunningTasks } from "../running/RunningTasks";
 import { TaskHistory } from "./TaskHistory";
+import { Button } from "@/components/ui/button";
+import { Link } from "react-router-dom";
+import { PlusIcon } from "@radix-ui/react-icons";
 
 function TaskList() {
   return (
-    <div className="flex flex-col gap-8">
+    <div className="space-y-8">
+      <header className="flex justify-end">
+        <Button asChild>
+          <Link to="/create">
+            <PlusIcon className="mr-2 h-4 w-4" />
+            Create New Task
+          </Link>
+        </Button>
+      </header>
       <Card>
         <CardHeader className="border-b-2">
           <CardTitle className="text-xl">Running Tasks</CardTitle>