Made global variables removing more obvious
This commit is contained in:
parent
06576470d9
commit
404afa2734
1 changed files with 24 additions and 7 deletions
|
|
@ -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)}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue