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

This commit is contained in:
igorrCarvalho 2023-11-21 18:55:52 -03:00
commit dba85aadfb

View file

@ -21,17 +21,6 @@ export default function TextAreaComponent({
return (
<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
type={TypeModal.TEXT}
buttonText="Finishing Editing"
@ -41,17 +30,28 @@ export default function TextAreaComponent({
onChange(value);
}}
>
{!editNode && (
<IconComponent
name="ExternalLink"
className={
"icons-parameters-comp" +
(disabled ? " text-ring" : " hover:text-accent-foreground")
}
<div className="flex w-full items-center">
<Input
id={id}
value={value}
disabled={disabled}
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>
</div>
</div>
);
}