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

📝 (inputComponent/index.tsx): improve code readability by formatting if statement

Browse source 
📝 (inputComponent/index.tsx): improve code readability by formatting if statement
📝 (inputGlobalComponent/index.tsx): add delay before resetting input value and setting db flag to improve user experience
📝 (inputGlobalComponent/index.tsx): add delay before resetting input value and setting db flag to improve user experience
📝 (inputGlobalComponent/index.tsx): add console.log for debugging purposes
📝 (inputGlobalComponent/index.tsx): improve code readability by formatting if statement
This commit is contained in:
cristhianzl 2024-04-30 17:56:12 -03:00
commit b8b978431d
2 changed files with 16 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/frontend/src/components/inputComponent/index.tsx
View file

@ -173,7 +173,10 @@ export default function InputComponent({
> >
<Command <Command
filter={(value, search) => { filter={(value, search) => {
if (value.toLowerCase().includes(search.toLowerCase()) || value.includes("doNotFilter-")) if (
value.toLowerCase().includes(search.toLowerCase()) ||
value.includes("doNotFilter-")
)
return 1; // ensures items arent filtered return 1; // ensures items arent filtered
return 0; return 0;
}} }}

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

@ -37,8 +37,10 @@ export default function InputGlobalComponent({
!globalVariablesEntries.includes(data.node?.template[name].value) && !globalVariablesEntries.includes(data.node?.template[name].value) &&
data.node?.template[name].load_from_db data.node?.template[name].load_from_db
) { ) {
onChange(""); setTimeout(() => {
setDb(false); onChange("");
setDb(false);
}, 100);
} }
}, [globalVariablesEntries]); }, [globalVariablesEntries]);
@ -48,8 +50,10 @@ export default function InputGlobalComponent({
data.node?.template[name].display_name data.node?.template[name].display_name
) { ) {
if (unavaliableFields[data.node?.template[name].display_name!]) { if (unavaliableFields[data.node?.template[name].display_name!]) {
setDb(true); setTimeout(() => {
onChange(unavaliableFields[data.node?.template[name].display_name!]); setDb(true);
onChange(unavaliableFields[data.node?.template[name].display_name!]);
}, 100);
} }
} }
}, [unavaliableFields]); }, [unavaliableFields]);
@ -81,6 +85,9 @@ export default function InputGlobalComponent({
}); });
} }
} }
console.log(data.node?.template[name], data.node?.template[name].password);
return ( return (
<InputComponent <InputComponent
id={"input-" + name} id={"input-" + name}
@ -131,7 +138,7 @@ export default function InputGlobalComponent({
)} )}
selectedOption={ selectedOption={
data?.node?.template[name].load_from_db && data?.node?.template[name].load_from_db &&
globalVariablesEntries.includes(data?.node?.template[name].value??"") globalVariablesEntries.includes(data?.node?.template[name].value ?? "")
? data?.node?.template[name].value ? data?.node?.template[name].value
: "" : ""
} }