From 8f9c339144148d4661ada96d2dd6b17b70a62f72 Mon Sep 17 00:00:00 2001
From: Kerem Yilmaz <kerem@skyvern.com>
Date: Wed, 9 Oct 2024 06:31:06 -0700
Subject: [PATCH] Change limit field width and file suffix placeholder (#937)

---
 .../routes/workflows/editor/nodes/TaskNode/TaskNode.tsx   | 8 ++++----
 .../src/routes/workflows/editor/nodes/TaskNode/types.ts   | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/skyvern-frontend/src/routes/workflows/editor/nodes/TaskNode/TaskNode.tsx b/skyvern-frontend/src/routes/workflows/editor/nodes/TaskNode/TaskNode.tsx
index 1e98beab..d9b6be0c 100644
--- a/skyvern-frontend/src/routes/workflows/editor/nodes/TaskNode/TaskNode.tsx
+++ b/skyvern-frontend/src/routes/workflows/editor/nodes/TaskNode/TaskNode.tsx
@@ -266,7 +266,7 @@ function TaskNode({ id, data }: NodeProps<TaskNode>) {
                 <Input
                   type="number"
                   placeholder={fieldPlaceholders["maxRetries"]}
-                  className="nopan w-44 text-xs"
+                  className="nopan w-52 text-xs"
                   min="0"
                   value={inputs.maxRetries ?? ""}
                   onChange={(event) => {
@@ -288,7 +288,7 @@ function TaskNode({ id, data }: NodeProps<TaskNode>) {
                 <Input
                   type="number"
                   placeholder={fieldPlaceholders["maxStepsOverride"]}
-                  className="nopan w-44 text-xs"
+                  className="nopan w-52 text-xs"
                   min="0"
                   value={inputs.maxStepsOverride ?? ""}
                   onChange={(event) => {
@@ -307,7 +307,7 @@ function TaskNode({ id, data }: NodeProps<TaskNode>) {
                 <Label className="text-xs font-normal text-slate-300">
                   Complete on Download
                 </Label>
-                <div className="w-44">
+                <div className="w-52">
                   <Switch
                     checked={inputs.allowDownloads}
                     onCheckedChange={(checked) => {
@@ -326,7 +326,7 @@ function TaskNode({ id, data }: NodeProps<TaskNode>) {
                 <Input
                   type="text"
                   placeholder={fieldPlaceholders["downloadSuffix"]}
-                  className="nopan w-44 text-xs"
+                  className="nopan w-52 text-xs"
                   value={inputs.downloadSuffix ?? ""}
                   onChange={(event) => {
                     if (!editable) {
diff --git a/skyvern-frontend/src/routes/workflows/editor/nodes/TaskNode/types.ts b/skyvern-frontend/src/routes/workflows/editor/nodes/TaskNode/types.ts
index ae96ebc3..30ccba8e 100644
--- a/skyvern-frontend/src/routes/workflows/editor/nodes/TaskNode/types.ts
+++ b/skyvern-frontend/src/routes/workflows/editor/nodes/TaskNode/types.ts
@@ -57,7 +57,7 @@ export const fieldPlaceholders = {
   dataExtractionGoal: "What data do you need to extract?",
   maxRetries: "Default: 3",
   maxStepsOverride: "Default: 10",
-  downloadSuffix: "Suffix for file downloads",
+  downloadSuffix: "Add an ID for downloaded files",
   label: "Task",
   totpVerificationUrl: "Provide your 2FA endpoint",
   totpIdentifier: "Add an ID that links your TOTP to the task",