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

✨ (inputGlobalComponent/index.tsx): add useEffect hook to handle unavailable fields in the input component

Browse source 
🐛 (inputGlobalComponent/index.tsx): fix typo in the variable name 'unavailableFields'
This commit is contained in:
cristhianzl 2024-04-30 15:12:40 -03:00
commit edc0d79c28
1 changed files with 15 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/frontend/src/components/inputGlobalComponent/index.tsx
View file

@ -23,6 +23,9 @@ export default function InputGlobalComponent({
); );
const getVariableId = useGlobalVariablesStore((state) => state.getVariableId); const getVariableId = useGlobalVariablesStore((state) => state.getVariableId);
const unavaliableFields = useGlobalVariablesStore(
(state) => state.unavaliableFields
);
const removeGlobalVariable = useGlobalVariablesStore( const removeGlobalVariable = useGlobalVariablesStore(
(state) => state.removeGlobalVariable (state) => state.removeGlobalVariable
); );
@ -39,6 +42,18 @@ export default function InputGlobalComponent({
} }
}, [globalVariablesEntries]); }, [globalVariablesEntries]);
useEffect(() => {
if (
!data.node?.template[name].value &&
data.node?.template[name].display_name
) {
if (unavaliableFields[data.node?.template[name].display_name!]) {
setDb(true);
onChange(unavaliableFields[data.node?.template[name].display_name!]);
}
}
}, [unavaliableFields]);
async function handleDelete(key: string) { async function handleDelete(key: string) {
const id = getVariableId(key); const id = getVariableId(key);
if (id !== undefined) { if (id !== undefined) {