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

Refactor: Make text area modal open on input click to avoid it not opening on edit node page

Browse source
This commit is contained in:
igorrCarvalho 2023-11-21 18:55:52 -03:00
commit dba85aadfb
1 changed files with 20 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

40
src/frontend/src/components/textAreaComponent/index.tsx
View file

@ -21,17 +21,6 @@ export default function TextAreaComponent({
return ( return (
<div className="flex w-full items-center"> <div className="flex w-full items-center">
<Input
id={id}
value={value}
disabled={disabled}
className={editNode ? "input-edit-node" : ""}
placeholder={"Type something..."}
onChange={(event) => {
onChange(event.target.value);
}}
/>
<div>
<GenericModal <GenericModal
type={TypeModal.TEXT} type={TypeModal.TEXT}
buttonText="Finishing Editing" buttonText="Finishing Editing"
@ -41,17 +30,28 @@ export default function TextAreaComponent({
onChange(value); onChange(value);
}} }}
> >
{!editNode && ( <div className="flex w-full items-center">
<IconComponent <Input
name="ExternalLink" id={id}
className={ value={value}
"icons-parameters-comp" + disabled={disabled}
(disabled ? " text-ring" : " hover:text-accent-foreground") className={editNode ? "input-edit-node pointer-events-none " : " pointer-events-none"}
} placeholder={"Type something..."}
onChange={(event) => {
onChange(event.target.value);
}}
/> />
)} {!editNode && (
<IconComponent
name="ExternalLink"
className={
"icons-parameters-comp" +
(disabled ? " text-ring" : " hover:text-accent-foreground")
}
/>
)}
</div>
</GenericModal> </GenericModal>
</div>
</div> </div>
); );
} }