Fix warnings for sorts (#735)

This commit is contained in:
Emilien Chauvet
2023-07-18 10:17:11 -07:00
committed by GitHub
parent 5d4fad2d96
commit b313ba175d

View File

@ -75,20 +75,20 @@ export function SortDropdownButton<SortField>({
))} ))}
</DropdownMenuItemsContainer> </DropdownMenuItemsContainer>
) : ( ) : (
[ <>
<DropdownButton.StyledDropdownTopOption <DropdownButton.StyledDropdownTopOption
key={0}
onClick={() => setIsOptionUnfolded(true)} onClick={() => setIsOptionUnfolded(true)}
> >
{selectedSortDirection === 'asc' ? 'Ascending' : 'Descending'} {selectedSortDirection === 'asc' ? 'Ascending' : 'Descending'}
<DropdownButton.StyledDropdownTopOptionAngleDown /> <DropdownButton.StyledDropdownTopOptionAngleDown />
</DropdownButton.StyledDropdownTopOption>, </DropdownButton.StyledDropdownTopOption>
<DropdownMenuSeparator />, <DropdownMenuSeparator />
<DropdownMenuItemsContainer> <DropdownMenuItemsContainer>
{availableSorts.map((sort, index) => ( {availableSorts.map((sort, index) => (
<DropdownMenuSelectableItem <DropdownMenuSelectableItem
key={index + 1} key={index}
onClick={() => { onClick={() => {
setIsUnfolded(false); setIsUnfolded(false);
onSortItemSelect(sort); onSortItemSelect(sort);
@ -100,8 +100,8 @@ export function SortDropdownButton<SortField>({
{sort.label} {sort.label}
</DropdownMenuSelectableItem> </DropdownMenuSelectableItem>
))} ))}
</DropdownMenuItemsContainer>, </DropdownMenuItemsContainer>
] </>
)} )}
</DropdownButton> </DropdownButton>
); );