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

fix(nodeToolbarComponent): add check to disable button when nodeLength is 0 to prevent unwanted actions

Browse source 
feat(nodeToolbarComponent): add event handler to ignore events with "disabled" keyword to prevent unwanted actions
This commit is contained in:
anovazzi1 2023-09-26 20:39:26 -03:00
commit cb74a0fb44
1 changed files with 6 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
View file

@ -62,6 +62,9 @@ export default function NodeToolbarComponent({
setShowNode((prev) => !prev); setShowNode((prev) => !prev);
updateNodeInternals(data.id); updateNodeInternals(data.id);
} }
if(event.includes("disabled")){
return;
}
}; };
return ( return (
@ -153,8 +156,8 @@ export default function NodeToolbarComponent({
</SelectTrigger> </SelectTrigger>
</ShadTooltip> </ShadTooltip>
<SelectContent> <SelectContent>
<SelectItem value={getRandomKeyByssmm() + "advanced"}> <SelectItem value={getRandomKeyByssmm() + (nodeLength==0?"disabled":"advanced")}>
<div className="flex"> <div className={"flex "+(nodeLength==0?"text-muted-foreground":"text-primary")}>
<IconComponent <IconComponent
name="Settings2" name="Settings2"
className="relative top-0.5 mr-2 h-4 w-4" className="relative top-0.5 mr-2 h-4 w-4"
@ -179,6 +182,7 @@ export default function NodeToolbarComponent({
<ShadTooltip content="Edit" side="top"> <ShadTooltip content="Edit" side="top">
<div> <div>
<button <button
disabled={nodeLength === 0}
onClick={() => setShowModalAdvanced(true)} onClick={() => setShowModalAdvanced(true)}
className={classNames( className={classNames(
"relative -ml-px inline-flex items-center rounded-r-md bg-background px-2 py-2 text-foreground shadow-md ring-1 ring-inset ring-ring transition-all duration-500 ease-in-out hover:bg-muted focus:z-10" + "relative -ml-px inline-flex items-center rounded-r-md bg-background px-2 py-2 text-foreground shadow-md ring-1 ring-inset ring-ring transition-all duration-500 ease-in-out hover:bg-muted focus:z-10" +