From 31a9b4640e01c027eef4e2585d529377e5a8f01e Mon Sep 17 00:00:00 2001
From: Shuchang Zheng <shu@skyvern.com>
Date: Fri, 11 Oct 2024 17:09:09 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=84=20synced=20local=20'skyvern-fronte?=
 =?UTF-8?q?nd/src/'=20with=20remote=20'skyvern-frontend/src/'?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

<!-- ELLIPSIS_HIDDEN -->

> [!IMPORTANT]
> Change button text to 'Run' and add 'PlayIcon' in `CreateNewTaskForm.tsx` and `SavedTaskForm.tsx`.
>
>   - **UI Changes**:
>     - In `CreateNewTaskForm.tsx`, changed button text from `Create` to `Run` and added `PlayIcon` next to the text.
>     - In `SavedTaskForm.tsx`, changed button text from `Run Task` to `Run` and added `PlayIcon` next to the text.
>
> <sup>This description was created by </sup>[<img alt="Ellipsis" src="https://img.shields.io/badge/Ellipsis-blue?color=175173">](https://www.ellipsis.dev?ref=Skyvern-AI%2Fskyvern-cloud&utm_source=github&utm_medium=referral)<sup> for 1956df9ee094c0e79fdd63fa53b0ef810718a766. It will automatically update as commits are pushed.</sup>

<!-- ELLIPSIS_HIDDEN -->
---
 .../src/routes/tasks/create/CreateNewTaskForm.tsx         | 5 +++--
 .../src/routes/tasks/create/SavedTaskForm.tsx             | 8 +++++---
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/skyvern-frontend/src/routes/tasks/create/CreateNewTaskForm.tsx b/skyvern-frontend/src/routes/tasks/create/CreateNewTaskForm.tsx
index 4670d3f8a..7ffd5cfcb 100644
--- a/skyvern-frontend/src/routes/tasks/create/CreateNewTaskForm.tsx
+++ b/skyvern-frontend/src/routes/tasks/create/CreateNewTaskForm.tsx
@@ -19,7 +19,7 @@ import { CodeEditor } from "@/routes/workflows/components/CodeEditor";
 import { copyText } from "@/util/copyText";
 import { apiBaseUrl } from "@/util/env";
 import { zodResolver } from "@hookform/resolvers/zod";
-import { CopyIcon, ReloadIcon } from "@radix-ui/react-icons";
+import { CopyIcon, PlayIcon, ReloadIcon } from "@radix-ui/react-icons";
 import { ToastAction } from "@radix-ui/react-toast";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { AxiosError } from "axios";
@@ -608,7 +608,8 @@ function CreateNewTaskForm({ initialValues }: Props) {
             {mutation.isPending && (
               <ReloadIcon className="mr-2 h-4 w-4 animate-spin" />
             )}
-            Create
+            <PlayIcon className="mr-2 h-4 w-4" />
+            Run
           </Button>
         </div>
       </form>
diff --git a/skyvern-frontend/src/routes/tasks/create/SavedTaskForm.tsx b/skyvern-frontend/src/routes/tasks/create/SavedTaskForm.tsx
index 6d433e29d..0a3abce9f 100644
--- a/skyvern-frontend/src/routes/tasks/create/SavedTaskForm.tsx
+++ b/skyvern-frontend/src/routes/tasks/create/SavedTaskForm.tsx
@@ -19,7 +19,7 @@ import { SubmitEvent } from "@/types";
 import { copyText } from "@/util/copyText";
 import { apiBaseUrl } from "@/util/env";
 import { zodResolver } from "@hookform/resolvers/zod";
-import { CopyIcon, ReloadIcon } from "@radix-ui/react-icons";
+import { CopyIcon, PlayIcon, ReloadIcon } from "@radix-ui/react-icons";
 import { ToastAction } from "@radix-ui/react-toast";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { AxiosError } from "axios";
@@ -796,10 +796,12 @@ function SavedTaskForm({ initialValues }: Props) {
             value="create"
             disabled={createAndSaveTaskMutation.isPending}
           >
-            {createAndSaveTaskMutation.isPending && (
+            {createAndSaveTaskMutation.isPending ? (
               <ReloadIcon className="mr-2 h-4 w-4 animate-spin" />
+            ) : (
+              <PlayIcon className="mr-2 h-4 w-4" />
             )}
-            Run Task
+            Run
           </Button>
         </div>
       </form>