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

Text area placeholder at the parameters component done

Browse source
This commit is contained in:
Lucas Oliveira 2023-02-20 12:14:00 -03:00
commit a97b4614d8
3 changed files with 49 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

10
space_flow/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
View file

@ -9,6 +9,7 @@ import { useEffect, useRef, useState } from "react";
import InputComponent from "../../../../components/inputComponent";
import ToggleComponent from "../../../../components/toggleComponent";
import InputListComponent from "../../../../components/inputListComponent";
import TextAreaComponent from "../../../../components/textAreaComponent";
export default function ParameterComponent({
left,
@ -72,6 +73,15 @@ export default function ParameterComponent({
}}
/>
:
!data.node.template[name].multiline ? (
<TextAreaComponent
disabled={disabled}
value={data.node.template[name].value ?? ""}
onChange={(t) => {
data.node.template[name].value = t;
}}
/>
) :
<InputComponent
disabled={disabled}
value={data.node.template[name].value ?? ""}

18
space_flow/src/CustomNodes/InputNode/index.tsx
View file

@ -10,9 +10,10 @@ import { Handle, Position } from "reactflow";
import { useContext, useEffect } from "react";
import Tooltip from "../../components/TooltipComponent";
import { typesContext } from "../../contexts/typesContext";
import TextAreaComponent from "../../components/textAreaComponent";
export default function InputNode({ data }) {
const {types} = useContext(typesContext);
const { types } = useContext(typesContext);
return (
<div className="prompt-node relative bg-white w-96 rounded-lg solid border flex flex-col justify-center">
<Tooltip title="Prefix: str">
@ -45,13 +46,14 @@ export default function InputNode({ data }) {
</button>
</div>
<div className="w-full p-5 h-full">
<InputComponent
disabled={false}
value=""
onChange={(e) => {
data.value = e;
}}
/>
<InputComponent
disabled={false}
value=""
onChange={(e) => {
data.value = e;
}}
/>
</div>
<Handle
type="target"