diff --git a/src/frontend/src/components/EditFlowSettingsComponent/index.tsx b/src/frontend/src/components/EditFlowSettingsComponent/index.tsx index 8abec4ec3..be5a6db8d 100644 --- a/src/frontend/src/components/EditFlowSettingsComponent/index.tsx +++ b/src/frontend/src/components/EditFlowSettingsComponent/index.tsx @@ -18,14 +18,14 @@ type InputProps = { }; export const EditFlowSettings: React.FC = ({ - name: myName, + name, invalidName, setInvalidName, description, maxLength = 50, flows, tabId, - setName: setMyName, + setName, setDescription, updateFlow, }) => { @@ -54,21 +54,21 @@ export const EditFlowSettings: React.FC = ({ } } setName(value); - setMyName(value); + setCurrentName(value); }; - const [name, setName] = useState(myName); + const [currentName, setCurrentName] = useState(name); - const [desc, setDesc] = useState(description); + const [currentDescription, setCurrentDescription] = useState(description); useEffect(() => { - setName(name); - setDesc(description); + setCurrentName(name); + setCurrentDescription(description); }, [name, description]); const handleDescriptionChange = (event: ChangeEvent) => { flows.find((f) => f.id === tabId).description = event.target.value; - setDesc(flows.find((f) => f.id === tabId).description); + setCurrentDescription(flows.find((f) => f.id === tabId).description); setDescription(event.target.value); }; @@ -89,7 +89,7 @@ export const EditFlowSettings: React.FC = ({ onChange={handleNameChange} type="text" name="name" - value={name ?? ""} + value={currentName ?? ""} placeholder="File name" id="name" maxLength={maxLength} @@ -104,7 +104,7 @@ export const EditFlowSettings: React.FC = ({ name="description" id="description" onChange={handleDescriptionChange} - value={desc} + value={currentDescription} placeholder="Flow description" className="mt-2 max-h-[100px] font-normal" rows={3}