From 437f70427f04e16d9b8b9a70e6be4ed01b9523d2 Mon Sep 17 00:00:00 2001
From: Shuchang Zheng <wintonzheng0325@gmail.com>
Date: Mon, 21 Oct 2024 11:56:53 -0700
Subject: [PATCH] Change the default font size in code editor to be 12 (#1021)

---
 skyvern-frontend/src/routes/tasks/create/CreateNewTaskForm.tsx | 3 ---
 skyvern-frontend/src/routes/tasks/create/SavedTaskForm.tsx     | 3 ---
 skyvern-frontend/src/routes/tasks/detail/TaskDetails.tsx       | 2 --
 skyvern-frontend/src/routes/tasks/detail/TaskParameters.tsx    | 2 --
 .../src/routes/workflows/WorkflowParameterInput.tsx            | 1 -
 skyvern-frontend/src/routes/workflows/WorkflowRun.tsx          | 1 -
 .../src/routes/workflows/components/CodeEditor.tsx             | 2 +-
 .../src/routes/workflows/components/DataSchema.tsx             | 1 +
 .../workflows/editor/nodes/CodeBlockNode/CodeBlockNode.tsx     | 1 +
 .../src/routes/workflows/editor/nodes/TaskNode/TaskNode.tsx    | 2 ++
 .../workflows/editor/nodes/TextPromptNode/TextPromptNode.tsx   | 1 +
 11 files changed, 6 insertions(+), 13 deletions(-)

diff --git a/skyvern-frontend/src/routes/tasks/create/CreateNewTaskForm.tsx b/skyvern-frontend/src/routes/tasks/create/CreateNewTaskForm.tsx
index 7ffd5cfcbc..2de8589253 100644
--- a/skyvern-frontend/src/routes/tasks/create/CreateNewTaskForm.tsx
+++ b/skyvern-frontend/src/routes/tasks/create/CreateNewTaskForm.tsx
@@ -293,7 +293,6 @@ function CreateNewTaskForm({ initialValues }: Props) {
                                 <CodeEditor
                                   {...field}
                                   language="json"
-                                  fontSize={12}
                                   minHeight="96px"
                                   maxHeight="500px"
                                   value={
@@ -388,7 +387,6 @@ function CreateNewTaskForm({ initialValues }: Props) {
                             <CodeEditor
                               {...field}
                               language="json"
-                              fontSize={12}
                               minHeight="96px"
                               maxHeight="500px"
                               value={field.value === null ? "" : field.value}
@@ -509,7 +507,6 @@ function CreateNewTaskForm({ initialValues }: Props) {
                             <CodeEditor
                               {...field}
                               language="json"
-                              fontSize={12}
                               minHeight="96px"
                               maxHeight="500px"
                               value={field.value === null ? "" : field.value}
diff --git a/skyvern-frontend/src/routes/tasks/create/SavedTaskForm.tsx b/skyvern-frontend/src/routes/tasks/create/SavedTaskForm.tsx
index 0a3abce9fa..6fc2b262df 100644
--- a/skyvern-frontend/src/routes/tasks/create/SavedTaskForm.tsx
+++ b/skyvern-frontend/src/routes/tasks/create/SavedTaskForm.tsx
@@ -462,7 +462,6 @@ function SavedTaskForm({ initialValues }: Props) {
                                 <CodeEditor
                                   {...field}
                                   language="json"
-                                  fontSize={12}
                                   minHeight="96px"
                                   maxHeight="500px"
                                   value={
@@ -557,7 +556,6 @@ function SavedTaskForm({ initialValues }: Props) {
                             <CodeEditor
                               {...field}
                               language="json"
-                              fontSize={14}
                               minHeight="96px"
                               maxHeight="500px"
                               value={
@@ -683,7 +681,6 @@ function SavedTaskForm({ initialValues }: Props) {
                             <CodeEditor
                               {...field}
                               language="json"
-                              fontSize={12}
                               minHeight="96px"
                               maxHeight="500px"
                               value={field.value === null ? "" : field.value}
diff --git a/skyvern-frontend/src/routes/tasks/detail/TaskDetails.tsx b/skyvern-frontend/src/routes/tasks/detail/TaskDetails.tsx
index 52ac9b7494..d4ece11b63 100644
--- a/skyvern-frontend/src/routes/tasks/detail/TaskDetails.tsx
+++ b/skyvern-frontend/src/routes/tasks/detail/TaskDetails.tsx
@@ -125,7 +125,6 @@ function TaskDetails() {
         language="json"
         value={JSON.stringify(task.extracted_information, null, 2)}
         readOnly
-        fontSize={12}
         minHeight={"96px"}
         maxHeight={"500px"}
         className="w-full"
@@ -149,7 +148,6 @@ function TaskDetails() {
         language="json"
         value={JSON.stringify(task.failure_reason, null, 2)}
         readOnly
-        fontSize={12}
         minHeight={"96px"}
         maxHeight={"500px"}
         className="w-full"
diff --git a/skyvern-frontend/src/routes/tasks/detail/TaskParameters.tsx b/skyvern-frontend/src/routes/tasks/detail/TaskParameters.tsx
index a6b22ca312..c5580096b2 100644
--- a/skyvern-frontend/src/routes/tasks/detail/TaskParameters.tsx
+++ b/skyvern-frontend/src/routes/tasks/detail/TaskParameters.tsx
@@ -76,7 +76,6 @@ function TaskParameters() {
           readOnly
           minHeight="96px"
           maxHeight="500px"
-          fontSize={12}
         />
       </div>
       <div className="flex gap-16">
@@ -113,7 +112,6 @@ function TaskParameters() {
           readOnly
           minHeight="96px"
           maxHeight="500px"
-          fontSize={12}
         />
       </div>
     </section>
diff --git a/skyvern-frontend/src/routes/workflows/WorkflowParameterInput.tsx b/skyvern-frontend/src/routes/workflows/WorkflowParameterInput.tsx
index 514b71ae29..4bef859617 100644
--- a/skyvern-frontend/src/routes/workflows/WorkflowParameterInput.tsx
+++ b/skyvern-frontend/src/routes/workflows/WorkflowParameterInput.tsx
@@ -21,7 +21,6 @@ function WorkflowParameterInput({ type, value, onChange }: Props) {
         value={
           typeof value === "string" ? value : JSON.stringify(value, null, 2)
         }
-        fontSize={12}
       />
     );
   }
diff --git a/skyvern-frontend/src/routes/workflows/WorkflowRun.tsx b/skyvern-frontend/src/routes/workflows/WorkflowRun.tsx
index 3066ee2f64..ae97457cae 100644
--- a/skyvern-frontend/src/routes/workflows/WorkflowRun.tsx
+++ b/skyvern-frontend/src/routes/workflows/WorkflowRun.tsx
@@ -494,7 +494,6 @@ function WorkflowRun() {
                     value={JSON.stringify(value, null, 2)}
                     readOnly
                     language="json"
-                    fontSize={12}
                     minHeight="96px"
                     maxHeight="500px"
                   />
diff --git a/skyvern-frontend/src/routes/workflows/components/CodeEditor.tsx b/skyvern-frontend/src/routes/workflows/components/CodeEditor.tsx
index 129275126a..eef4f3af03 100644
--- a/skyvern-frontend/src/routes/workflows/components/CodeEditor.tsx
+++ b/skyvern-frontend/src/routes/workflows/components/CodeEditor.tsx
@@ -23,7 +23,7 @@ function CodeEditor({
   language,
   className,
   readOnly = false,
-  fontSize = 8,
+  fontSize = 12,
 }: Props) {
   const extensions =
     language === "json"
diff --git a/skyvern-frontend/src/routes/workflows/components/DataSchema.tsx b/skyvern-frontend/src/routes/workflows/components/DataSchema.tsx
index 4895132689..38d331f827 100644
--- a/skyvern-frontend/src/routes/workflows/components/DataSchema.tsx
+++ b/skyvern-frontend/src/routes/workflows/components/DataSchema.tsx
@@ -41,6 +41,7 @@ function DataSchema({ value, onChange }: Props) {
             // TODO
           }}
           className="nowheel nopan"
+          fontSize={8}
         />
       </div>
     </div>
diff --git a/skyvern-frontend/src/routes/workflows/editor/nodes/CodeBlockNode/CodeBlockNode.tsx b/skyvern-frontend/src/routes/workflows/editor/nodes/CodeBlockNode/CodeBlockNode.tsx
index 1100189e94..594f6b64dd 100644
--- a/skyvern-frontend/src/routes/workflows/editor/nodes/CodeBlockNode/CodeBlockNode.tsx
+++ b/skyvern-frontend/src/routes/workflows/editor/nodes/CodeBlockNode/CodeBlockNode.tsx
@@ -70,6 +70,7 @@ function CodeBlockNode({ id, data }: NodeProps<CodeBlockNode>) {
               updateNodeData(id, { code: value });
             }}
             className="nopan"
+            fontSize={8}
           />
         </div>
       </div>
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 0dd28213b6..987528e0e5 100644
--- a/skyvern-frontend/src/routes/workflows/editor/nodes/TaskNode/TaskNode.tsx
+++ b/skyvern-frontend/src/routes/workflows/editor/nodes/TaskNode/TaskNode.tsx
@@ -223,6 +223,7 @@ function TaskNode({ id, data }: NodeProps<TaskNode>) {
                           handleChange("dataSchema", value);
                         }}
                         className="nowheel nopan"
+                        fontSize={8}
                       />
                     </div>
                   )}
@@ -324,6 +325,7 @@ function TaskNode({ id, data }: NodeProps<TaskNode>) {
                           handleChange("errorCodeMapping", value);
                         }}
                         className="nowheel nopan"
+                        fontSize={8}
                       />
                     </div>
                   )}
diff --git a/skyvern-frontend/src/routes/workflows/editor/nodes/TextPromptNode/TextPromptNode.tsx b/skyvern-frontend/src/routes/workflows/editor/nodes/TextPromptNode/TextPromptNode.tsx
index c8a808f68b..55df7ef5f2 100644
--- a/skyvern-frontend/src/routes/workflows/editor/nodes/TextPromptNode/TextPromptNode.tsx
+++ b/skyvern-frontend/src/routes/workflows/editor/nodes/TextPromptNode/TextPromptNode.tsx
@@ -115,6 +115,7 @@ function TextPromptNode({ id, data }: NodeProps<TextPromptNode>) {
                   updateNodeData(id, { jsonSchema: value });
                 }}
                 className="nowheel nopan"
+                fontSize={8}
               />
             </div>
           )}