Made global variables removing more obvious

This commit is contained in:
Lucas Oliveira 2024-03-29 12:32:37 +02:00
commit 404afa2734

View file

@ -120,7 +120,10 @@ export default function InputComponent({
: "", : "",
editNode ? " input-edit-node " : "", editNode ? " input-edit-node " : "",
password && setSelectedOption ? "pr-16" : "", password && setSelectedOption ? "pr-16" : "",
(!password && setSelectedOption) || (password && !setSelectedOption) ? "pr-8" : "", (!password && setSelectedOption) ||
(password && !setSelectedOption)
? "pr-8"
: "",
className! className!
)} )}
@ -184,18 +187,32 @@ export default function InputComponent({
setShowOptions(false); setShowOptions(false);
}} }}
> >
<div className="flex w-full items-center justify-between"> <div className="group flex w-full items-center justify-between">
<div className="flex items-center"> <div className="flex items-center">
<ForwardedIconComponent <div
name="Check"
className={cn( className={cn(
"mr-2 h-4 w-4 text-primary", "relative mr-2 h-4 w-4",
selectedOption === option selectedOption === option
? "opacity-100" ? "opacity-100"
: "opacity-0" : "opacity-0"
)} )}
>
<div className="absolute opacity-100 transition-all group-hover:opacity-0">
<ForwardedIconComponent
name="Check"
className="mr-2 h-4 w-4 text-primary"
aria-hidden="true" aria-hidden="true"
/> />
</div>
<div className="absolute opacity-0 transition-all group-hover:opacity-100">
<ForwardedIconComponent
name="X"
className="mr-2 h-4 w-4 text-status-red"
aria-hidden="true"
/>
</div>
</div>
{option} {option}
</div> </div>
{optionButton && optionButton(option)} {optionButton && optionButton(option)}