feat(gui): sort lists by visible labels after i18n
This commit is contained in:
parent
719b34967f
commit
7f28c0f194
|
@ -93,6 +93,8 @@ export function QueryMenu<T>(props: QueryMenuProps<T>) {
|
|||
|
||||
// else: success
|
||||
const data = filterQuery(query, showEmpty);
|
||||
const labeledData = data.map((it) => [it, getLabel(it)]).sort((a, b) => a[1].localeCompare(b[1]));
|
||||
const menuItems = labeledData.map(([key, label]) => <MenuItem key={key} onClick={() => selectItem(key)}>{label}</MenuItem>);
|
||||
|
||||
return <Box>
|
||||
<Button
|
||||
|
@ -112,7 +114,7 @@ export function QueryMenu<T>(props: QueryMenuProps<T>) {
|
|||
'aria-labelledby': `${id}-button`,
|
||||
}}
|
||||
>
|
||||
{data.map((it, idx) => <MenuItem key={it} onClick={() => selectItem(it)}>{getLabel(it)}</MenuItem>)}
|
||||
{menuItems}
|
||||
</Menu>
|
||||
</Box>;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue