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

temp fix for code issue on nodeToolbar

Browse source
This commit is contained in:
anovazzi1 2024-02-08 19:41:18 -03:00
commit 7d3c21e608
1 changed files with 33 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -197,44 +197,48 @@ export default function NodeToolbarComponent({
}; };
const [openModal, setOpenModal] = useState(false); const [openModal, setOpenModal] = useState(false);
const hasCode = Object.keys(data.node!.template).includes("code");
return ( return (
<> <>
<div className="w-26 h-10"> <div className="w-26 h-10">
<span className="isolate inline-flex rounded-md shadow-sm"> <span className="isolate inline-flex rounded-md shadow-sm">
<ShadTooltip content="Code" side="top"> {hasCode && (
<button <ShadTooltip content="Code" side="top">
className="relative inline-flex items-center rounded-l-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" <button
onClick={() => { className="relative inline-flex items-center rounded-l-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"
setOpenModal(!openModal); onClick={() => {
}} setOpenModal(!openModal);
data-testid="delete-button-modal" }}
> data-testid="code-button-modal"
<div className="hidden"> >
<CodeAreaComponent <div className="hidden">
openModal={openModal} <CodeAreaComponent
readonly={ openModal={openModal}
data.node?.flow && data.node.template[name].dynamic readonly={
? true data.node?.flow && data.node.template[name].dynamic
: false ? true
} : false
dynamic={data.node?.template[name].dynamic ?? false} }
setNodeClass={handleNodeClass} dynamic={data.node?.template[name].dynamic ?? false}
nodeClass={data.node} setNodeClass={handleNodeClass}
disabled={false} nodeClass={data.node}
value={data.node?.template[name].value ?? ""} disabled={false}
onChange={handleOnNewValue} value={data.node?.template[name].value ?? ""}
id={"code-input-node-toolbar-" + name} onChange={handleOnNewValue}
/> id={"code-input-node-toolbar-" + name}
</div> />
<IconComponent name="Code2" className="h-4 w-4" /> </div>
</button> <IconComponent name="Code2" className="h-4 w-4" />
</ShadTooltip> </button>
</ShadTooltip>
)}
<ShadTooltip content="Duplicate" side="top"> <ShadTooltip content="Duplicate" side="top">
<button <button
className={classNames( className={classNames(
"relative -ml-px inline-flex items-center 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 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",
hasCode ? "" : "rounded-l-md"
)} )}
onClick={(event) => { onClick={(event) => {
event.preventDefault(); event.preventDefault();