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} + /> ); }