diff --git a/src/renderer/features/albums/components/navidrome-album-filters.tsx b/src/renderer/features/albums/components/navidrome-album-filters.tsx index 136f9490d..240953ce8 100644 --- a/src/renderer/features/albums/components/navidrome-album-filters.tsx +++ b/src/renderer/features/albums/components/navidrome-album-filters.tsx @@ -118,14 +118,6 @@ export const NavidromeAlbumFilters = ({ const toggleFilters = useMemo( () => [ - { - label: t('filter.isRated', { postProcess: 'sentenceCase' }), - onChange: (e: ChangeEvent) => { - const hasRating = e.currentTarget.checked ? true : undefined; - setHasRating(hasRating ?? null); - }, - value: query.hasRating, - }, { label: t('filter.isRecentlyPlayed', { postProcess: 'sentenceCase' }), onChange: (e: ChangeEvent) => { @@ -135,7 +127,7 @@ export const NavidromeAlbumFilters = ({ value: query.isRecentlyPlayed, }, ], - [t, query.hasRating, query.isRecentlyPlayed, setHasRating, setRecentlyPlayed], + [t, query.isRecentlyPlayed, setRecentlyPlayed], ); const handleYearFilter = useMemo( @@ -309,6 +301,20 @@ export const NavidromeAlbumFilters = ({ w="100%" /> + + + {t('filter.isRated', { postProcess: 'sentenceCase' })} + + { + setHasRating(segmentValueToBoolean(value)); + }} + size="sm" + value={booleanToSegmentValue(query.hasRating)} + w="100%" + /> + {t('filter.isCompilation', { postProcess: 'sentenceCase' })}