updated formatting

This commit is contained in:
Ali Waseem committed 2026-04-06 09:27:56 -06:00
1 parent dea4ff4133
commit f351d0d0d5
1 file changed
+24 -26
@@ -120,34 +120,32 @@ export const MultiSelectV2 = ({
<PopoverContent_Shadcn_ className="p-0 w-96 border-strong" side="bottom" align="start">
<Command_Shadcn_>
<CommandInput_Shadcn_ placeholder={searchPlaceholder} />
<CommandList_Shadcn_
className={formattedOptions.length > 7 ? 'max-h-[210px]' : ''}
>
<CommandList_Shadcn_ className={formattedOptions.length > 7 ? 'max-h-[210px]' : ''}>
<CommandEmpty_Shadcn_>No options found</CommandEmpty_Shadcn_>
<CommandGroup_Shadcn_>
{formattedOptions?.map((option) => {
const active =
selectedOptions &&
selectedOptions.find((selected) => {
return selected === option.value
})
? true
: false
return (
<CommandItem_Shadcn_
key={option.id}
value={option.value}
className="cursor-pointer w-full"
onClick={() => handleChange(option)}
onSelect={() => handleChange(option)}
>
<div className="w-full flex items-center justify-between">
{option.name}
{active && <Check size={14} />}
</div>
</CommandItem_Shadcn_>
)
})}
{formattedOptions?.map((option) => {
const active =
selectedOptions &&
selectedOptions.find((selected) => {
return selected === option.value
})
? true
: false
return (
<CommandItem_Shadcn_
key={option.id}
value={option.value}
className="cursor-pointer w-full"
onClick={() => handleChange(option)}
onSelect={() => handleChange(option)}
>
<div className="w-full flex items-center justify-between">
{option.name}
{active && <Check size={14} />}
</div>
</CommandItem_Shadcn_>
)
})}
</CommandGroup_Shadcn_>
</CommandList_Shadcn_>
</Command_Shadcn_>