📝 (inputComponent/index.tsx): improve code readability by formatting if statement
📝 (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:
parent
0cad2e1978
commit
b8b978431d
2 changed files with 16 additions and 6 deletions
|
|
@ -173,7 +173,10 @@ export default function InputComponent({
|
|||
>
|
||||
<Command
|
||||
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 0;
|
||||
}}
|
||||
|
|
|
|||
|
|
@ -37,8 +37,10 @@ export default function InputGlobalComponent({
|
|||
!globalVariablesEntries.includes(data.node?.template[name].value) &&
|
||||
data.node?.template[name].load_from_db
|
||||
) {
|
||||
onChange("");
|
||||
setDb(false);
|
||||
setTimeout(() => {
|
||||
onChange("");
|
||||
setDb(false);
|
||||
}, 100);
|
||||
}
|
||||
}, [globalVariablesEntries]);
|
||||
|
||||
|
|
@ -48,8 +50,10 @@ export default function InputGlobalComponent({
|
|||
data.node?.template[name].display_name
|
||||
) {
|
||||
if (unavaliableFields[data.node?.template[name].display_name!]) {
|
||||
setDb(true);
|
||||
onChange(unavaliableFields[data.node?.template[name].display_name!]);
|
||||
setTimeout(() => {
|
||||
setDb(true);
|
||||
onChange(unavaliableFields[data.node?.template[name].display_name!]);
|
||||
}, 100);
|
||||
}
|
||||
}
|
||||
}, [unavaliableFields]);
|
||||
|
|
@ -81,6 +85,9 @@ export default function InputGlobalComponent({
|
|||
});
|
||||
}
|
||||
}
|
||||
|
||||
console.log(data.node?.template[name], data.node?.template[name].password);
|
||||
|
||||
return (
|
||||
<InputComponent
|
||||
id={"input-" + name}
|
||||
|
|
@ -131,7 +138,7 @@ export default function InputGlobalComponent({
|
|||
)}
|
||||
selectedOption={
|
||||
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
|
||||
: ""
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue