prehistoric-systems/omnivore
1
0
Fork 0
mirror of https://github.com/omnivore-app/omnivore.git synced 2026-03-11 08:54:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Sort labels in the left menu alphabetically

Browse source
This commit is contained in:
Jackson Harper 2023-08-03 12:24:09 +08:00
parent ec1b14796a
commit ebbc14f841
1 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
packages/web/components/templates/homeFeed/LibraryFilterMenu.tsx
View file

@ -203,6 +203,12 @@ function Labels(props: LibraryFilterMenuProps): JSX.Element {
initialValue: false,
})
const sortedLabels = useMemo(() => {
return labels.sort((left: Label, right: Label) =>
left.name.localeCompare(right.name)
)
}, [labels])
return (
<MenuPanel
title="Labels"
@ -212,7 +218,7 @@ function Labels(props: LibraryFilterMenuProps): JSX.Element {
window.location.href = '/settings/labels'
}}
>
{labels.slice(0, viewAll ? undefined : 4).map((item) => {
{sortedLabels.slice(0, viewAll ? undefined : 4).map((item) => {
return <LabelButton key={item.id} label={item} {...props} />
})}
<ViewAllButton state={viewAll} setState={setViewAll} />