diff --git a/src/frontend/src/components/EditFlowSettingsComponent/index.tsx b/src/frontend/src/components/EditFlowSettingsComponent/index.tsx index 390c3572e..06c2af949 100644 --- a/src/frontend/src/components/EditFlowSettingsComponent/index.tsx +++ b/src/frontend/src/components/EditFlowSettingsComponent/index.tsx @@ -7,7 +7,7 @@ type InputProps = { name: string | null; description: string | null; maxLength?: number; - flows: Array<{ id: string; name: string }>; + flows: Array<{ id: string; name: string; description: string }>; tabId: string; setName: (name: string) => void; setDescription: (description: string) => void; @@ -37,7 +37,13 @@ export const EditFlowSettings: React.FC = ({ setName(value); }; + const [desc, setDesc] = useState( + flows.find((f) => f.id === tabId).description + ); + const handleDescriptionChange = (event: ChangeEvent) => { + flows.find((f) => f.id === tabId).description = event.target.value; + setDesc(flows.find((f) => f.id === tabId).description) setDescription(event.target.value); }; @@ -70,7 +76,7 @@ export const EditFlowSettings: React.FC = ({ name="description" id="description" onChange={handleDescriptionChange} - value={description ?? ""} + value={desc} placeholder="Flow description" className="mt-2 max-h-[100px] font-normal" rows={3}