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

🐛 fix(EditNodeModal): use the 'disabled' prop value instead of hardcoded 'false' to control the disabled state of input components

Browse source
This commit is contained in:
Cristhian Zanforlin Lousa 2023-07-10 10:32:19 -03:00
commit ea8d6668de
1 changed files with 9 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/frontend/src/modals/EditNodeModal/index.tsx
View file

@ -165,7 +165,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
{data.node.template[n].list ? ( {data.node.template[n].list ? (
<InputListComponent <InputListComponent
editNode={true} editNode={true}
disabled={false} disabled={disabled}
value={ value={
!data.node.template[n].value || !data.node.template[n].value ||
data.node.template[n].value === "" data.node.template[n].value === ""
@ -178,7 +178,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
/> />
) : data.node.template[n].multiline ? ( ) : data.node.template[n].multiline ? (
<TextAreaComponent <TextAreaComponent
disabled={false} disabled={disabled}
editNode={true} editNode={true}
value={data.node.template[n].value ?? ""} value={data.node.template[n].value ?? ""}
onChange={(t: string) => { onChange={(t: string) => {
@ -188,7 +188,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
) : ( ) : (
<InputComponent <InputComponent
editNode={true} editNode={true}
disabled={false} disabled={disabled}
password={ password={
data.node.template[n].password ?? false data.node.template[n].password ?? false
} }
@ -214,7 +214,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
) : data.node.template[n].type === "float" ? ( ) : data.node.template[n].type === "float" ? (
<div className="mx-auto"> <div className="mx-auto">
<FloatComponent <FloatComponent
disabled={false} disabled={disabled}
editNode={true} editNode={true}
value={data.node.template[n].value ?? ""} value={data.node.template[n].value ?? ""}
onChange={(t) => { onChange={(t) => {
@ -239,7 +239,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
) : data.node.template[n].type === "int" ? ( ) : data.node.template[n].type === "int" ? (
<div className="mx-auto"> <div className="mx-auto">
<IntComponent <IntComponent
disabled={false} disabled={disabled}
editNode={true} editNode={true}
value={data.node.template[n].value ?? ""} value={data.node.template[n].value ?? ""}
onChange={(t) => { onChange={(t) => {
@ -251,7 +251,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
<div className="mx-auto"> <div className="mx-auto">
<InputFileComponent <InputFileComponent
editNode={true} editNode={true}
disabled={false} disabled={disabled}
value={data.node.template[n].value ?? ""} value={data.node.template[n].value ?? ""}
onChange={(t: string) => { onChange={(t: string) => {
handleOnNewValue(t, n); handleOnNewValue(t, n);
@ -268,7 +268,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
<PromptAreaComponent <PromptAreaComponent
field_name={n} field_name={n}
editNode={true} editNode={true}
disabled={false} disabled={disabled}
nodeClass={data.node} nodeClass={data.node}
setNodeClass={(nodeClass) => { setNodeClass={(nodeClass) => {
data.node = nodeClass; data.node = nodeClass;
@ -282,7 +282,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
) : data.node.template[n].type === "code" ? ( ) : data.node.template[n].type === "code" ? (
<div className="mx-auto"> <div className="mx-auto">
<CodeAreaComponent <CodeAreaComponent
disabled={false} disabled={disabled}
editNode={true} editNode={true}
value={data.node.template[n].value ?? ""} value={data.node.template[n].value ?? ""}
onChange={(t: string) => { onChange={(t: string) => {
@ -303,7 +303,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
setEnabled={(e) => setEnabled={(e) =>
changeAdvanced(data.node.template[n]) changeAdvanced(data.node.template[n])
} }
disabled={false} disabled={disabled}
size="small" size="small"
/> />
</div> </div>