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

🐛 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

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
<Dropdown <div className="mt-2 flex w-full items-center">
options={data.node.template[name].options} <div className="w-5/6 flex-grow">
onSelect={handleOnNewValue} <Dropdown
value={data.node.template[name].value ?? "Choose an option"} options={data.node.template[name].options}
></Dropdown> onSelect={handleOnNewValue}
<Button value={data.node.template[name].value ?? "Choose an option"}
className="mt-2 w-full" />
onClick={() => { </div>
handleUpdateValues(name, data); {data.node?.template[name].refresh && (
}} <button
> className="extra-side-bar-buttons ml-2 mt-1 w-1/6"
Refresh onClick={() => {
</Button> handleUpdateValues(name, data);
}}
>
<IconComponent name="RefreshCcw" />
</button>
)}
</div> </div>
) : left === true && type === "code" ? ( ) : left === true && type === "code" ? (
<div className="mt-2 w-full"> <div className="mt-2 w-full">