Fixed multiline text

This commit is contained in:
Lucas Oliveira 2024-02-26 22:09:12 +01:00
commit 415ac1b926

View file

@ -20,48 +20,42 @@ export default function TextAreaComponent({
}, [disabled]); }, [disabled]);
return ( return (
<div <div className={"flex w-full items-center " + (disabled ? "" : "")}>
className={ <div className="flex w-full items-center" data-testid={"div-" + id}>
"flex w-full items-center " + (disabled ? "pointer-events-none" : "") <Input
} id={id}
> data-testid={id}
<GenericModal value={value}
type={TypeModal.TEXT} disabled={disabled}
buttonText="Finishing Editing" className={editNode ? "input-edit-node w-full" : " w-full"}
modalTitle="Edit Text" placeholder={"Type something..."}
value={value} onChange={(event) => {
setValue={(value: string) => { onChange(event.target.value);
onChange(value); }}
}} />
> <div>
<div className="flex w-full items-center" data-testid={"div-" + id}> <GenericModal
<Input type={TypeModal.TEXT}
id={id} buttonText="Finish Editing"
data-testid={id} modalTitle="Edit Text"
value={value} value={value}
disabled={disabled} setValue={(value: string) => {
className={ onChange(value);
editNode
? "input-edit-node pointer-events-none "
: " pointer-events-none"
}
placeholder={"Type something..."}
onChange={(event) => {
onChange(event.target.value);
}} }}
/> >
{!editNode && ( {!editNode && (
<IconComponent <IconComponent
id={id} id={id}
name="ExternalLink" name="ExternalLink"
className={ className={
"icons-parameters-comp" + "icons-parameters-comp" +
(disabled ? " text-ring" : " hover:text-accent-foreground") (disabled ? " text-ring" : " hover:text-accent-foreground")
} }
/> />
)} )}
</GenericModal>
</div> </div>
</GenericModal> </div>
</div> </div>
); );
} }