apextoaster
/
onnx-web
1
0
Fork 0
Code Actions

feat(gui): sort lists by visible labels after i18n

This commit is contained in:
Sean Sube 2023-06-16 20:42:23 -05:00
parent 719b34967f
commit 7f28c0f194
Signed by: ssube
GPG Key ID: 3EED7B957D362AF1
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
gui/src/components/input/QueryMenu.tsx
View File

@ -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>;
}