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

🎨 style(parameterComponent): improve CSS for dropdown and refresh button in ParameterComponent

Browse source 
🐛 fix(parameterComponent): add conditional rendering for refresh button based on data.node.template[name].refresh value
This commit is contained in:
Gabriel Luiz Freitas Almeida 2023-11-21 16:42:56 -03:00
commit c84d93fa5c
1 changed files with 19 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
View file

@ -428,20 +428,25 @@ export default function ParameterComponent({
) : left === true && ) : left === true &&
type === "str" && type === "str" &&
data.node?.template[name].options ? ( data.node?.template[name].options ? (
<div className="mt-2 w-full"> // TODO: Improve CSS
<div className="mt-2 flex w-full items-center">
<div className="w-5/6 flex-grow">
<Dropdown <Dropdown
options={data.node.template[name].options} options={data.node.template[name].options}
onSelect={handleOnNewValue} onSelect={handleOnNewValue}
value={data.node.template[name].value ?? "Choose an option"} value={data.node.template[name].value ?? "Choose an option"}
></Dropdown> />
<Button </div>
className="mt-2 w-full" {data.node?.template[name].refresh && (
<button
className="extra-side-bar-buttons ml-2 mt-1 w-1/6"
onClick={() => { onClick={() => {
handleUpdateValues(name, data); handleUpdateValues(name, data);
}} }}
> >
Refresh <IconComponent name="RefreshCcw" />
</Button> </button>
)}
</div> </div>
) : left === true && type === "code" ? ( ) : left === true && type === "code" ? (
<div className="mt-2 w-full"> <div className="mt-2 w-full">