diff --git a/skyvern-frontend/src/routes/workflows/editor/nodes/components/EditableNodeTitle.tsx b/skyvern-frontend/src/routes/workflows/editor/nodes/components/EditableNodeTitle.tsx
index e228ed1b..4072ece0 100644
--- a/skyvern-frontend/src/routes/workflows/editor/nodes/components/EditableNodeTitle.tsx
+++ b/skyvern-frontend/src/routes/workflows/editor/nodes/components/EditableNodeTitle.tsx
@@ -25,11 +25,11 @@ function EditableNodeTitle({
}: Props) {
const [editing, setEditing] = useState(false);
- return (
-
-
-
- {!editing ? (
+ if (!editing) {
+ return (
+
+
+
{
@@ -38,41 +38,43 @@ function EditableNodeTitle({
>
{value}
- ) : (
- {
- if (!editable) {
- event.currentTarget.value = value;
- return;
- }
- if (event.currentTarget.value !== value) {
- onChange(event.target.value);
- }
- setEditing(false);
- }}
- onKeyDown={(event) => {
- if (!editable) {
- return;
- }
- if (event.key === "Enter") {
- event.currentTarget.blur();
- }
- if (event.key === "Escape") {
- event.currentTarget.value = value;
- event.currentTarget.blur();
- }
- }}
- defaultValue={value}
- />
- )}
-
- Click to edit
-
-
+
+ Click to edit
+
+
+ );
+ }
+
+ return (
+ {
+ if (!editable) {
+ event.currentTarget.value = value;
+ return;
+ }
+ if (event.currentTarget.value !== value) {
+ onChange(event.target.value);
+ }
+ setEditing(false);
+ }}
+ onKeyDown={(event) => {
+ if (!editable) {
+ return;
+ }
+ if (event.key === "Enter") {
+ event.currentTarget.blur();
+ }
+ if (event.key === "Escape") {
+ event.currentTarget.value = value;
+ event.currentTarget.blur();
+ }
+ }}
+ defaultValue={value}
+ />
);
}