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

added DropdownComponent

Browse source
This commit is contained in:
anovazzi1 2023-04-11 20:29:04 -03:00
commit 74b7a17afc
1 changed files with 19 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

30
src/frontend/src/modals/NodeModal/components/ModalField/index.tsx
View file

@ -9,7 +9,7 @@ import FloatComponent from "../../../../components/floatComponent";
export default function ModalField({ data, title, required, id, name, type }) {
const { save } = useContext(TabsContext);
const [enabled, setEnabled] = useState(
const [enabled, setEnabled] = useState(
data.node.template[name]?.value ?? false
);
@ -65,16 +65,24 @@ export default function ModalField({ data, title, required, id, name, type }) {
}}
/>
</div>
) : type ==="float"?(
<FloatComponent
disabled={false}
value={data.node.template[name].value ?? ""}
onChange={(t) => {
data.node.template[name].value = t;
save();
}}
/>
):(<div>{name}</div>)}
) : type === "float" ? (
<FloatComponent
disabled={false}
value={data.node.template[name].value ?? ""}
onChange={(t) => {
data.node.template[name].value = t;
save();
}}
/>
) : type === "str" && data.node.template[name].options ? (
<Dropdown
options={data.node.template[name].options}
onSelect={(newValue) => (data.node.template[name].value = newValue)}
value={data.node.template[name].value ?? "Choose an option"}
></Dropdown>
) : (
<div>{name}</div>
)}
</div>
);
}