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
|
// else: success
|
||||||
const data = filterQuery(query, showEmpty);
|
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>
|
return <Box>
|
||||||
<Button
|
<Button
|
||||||
|
@ -112,7 +114,7 @@ export function QueryMenu<T>(props: QueryMenuProps<T>) {
|
||||||
'aria-labelledby': `${id}-button`,
|
'aria-labelledby': `${id}-button`,
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{data.map((it, idx) => <MenuItem key={it} onClick={() => selectItem(it)}>{getLabel(it)}</MenuItem>)}
|
{menuItems}
|
||||||
</Menu>
|
</Menu>
|
||||||
</Box>;
|
</Box>;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue