jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

fix: Update useState default values in exportModal and flowSettingsModal (#5698)

Browse source 
* fix: Update useState default values in exportModal and flowSettingsModal

- Update the default values for the useState hooks in exportModal and flowSettingsModal to handle null values for currentFlow.
- Use the nullish coalescing operator (??) to set empty strings as default values for name and description.
- This ensures that the components do not throw errors when currentFlow is null or undefined.

Refs: #5670, #5672

* [autofix.ci] apply automated fixes

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
This commit is contained in:
anovazzi1 2025-01-15 16:44:31 -03:00 • committed by GitHub
commit 1f63ebeaef
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 12 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/frontend/src/modals/exportModal/index.tsx
View file

@ -22,11 +22,13 @@ const ExportModal = forwardRef(
const [checked, setChecked] = useState(false); const [checked, setChecked] = useState(false);
const currentFlow = useFlowStore((state) => state.currentFlow); const currentFlow = useFlowStore((state) => state.currentFlow);
useEffect(() => { useEffect(() => {
setName(currentFlow!.name); setName(currentFlow?.name ?? "");
setDescription(currentFlow!.description); setDescription(currentFlow?.description ?? "");
}, [currentFlow!.name, currentFlow!.description]); }, [currentFlow?.name, currentFlow?.description]);
const [name, setName] = useState(currentFlow!.name); const [name, setName] = useState(currentFlow?.name ?? "");
const [description, setDescription] = useState(currentFlow!.description); const [description, setDescription] = useState(
currentFlow?.description ?? "",
);
const [open, setOpen] = useState(false); const [open, setOpen] = useState(false);
return ( return (

10
src/frontend/src/modals/flowSettingsModal/index.tsx
View file

@ -25,13 +25,13 @@ export default function FlowSettingsModal({
const flows = useFlowsManagerStore((state) => state.flows); const flows = useFlowsManagerStore((state) => state.flows);
const flow = flowData ?? currentFlow; const flow = flowData ?? currentFlow;
useEffect(() => { useEffect(() => {
setName(flow!.name); setName(flow?.name ?? "");
setDescription(flow!.description); setDescription(flow?.description ?? "");
}, [flow?.name, flow?.description, open]); }, [flow?.name, flow?.description, open]);
const [name, setName] = useState(flow!.name); const [name, setName] = useState(flow?.name ?? "");
const [description, setDescription] = useState(flow!.description); const [description, setDescription] = useState(flow?.description ?? "");
const [endpoint_name, setEndpointName] = useState(flow!.endpoint_name ?? ""); const [endpoint_name, setEndpointName] = useState(flow?.endpoint_name ?? "");
const [isSaving, setIsSaving] = useState(false); const [isSaving, setIsSaving] = useState(false);
const [disableSave, setDisableSave] = useState(true); const [disableSave, setDisableSave] = useState(true);
const autoSaving = useFlowsManagerStore((state) => state.autoSaving); const autoSaving = useFlowsManagerStore((state) => state.autoSaving);