From 5f65aebe633d3a7307ce9ddd7646ff5d6a1db793 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Fri, 27 Feb 2026 19:30:33 -0800
Subject: [PATCH] convert nd album rating filter to yes/no (#1775)

---
 .../components/navidrome-album-filters.tsx    | 24 ++++++++++++-------
 1 file changed, 15 insertions(+), 9 deletions(-)

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<HTMLInputElement>) => {
-                    const hasRating = e.currentTarget.checked ? true : undefined;
-                    setHasRating(hasRating ?? null);
-                },
-                value: query.hasRating,
-            },
             {
                 label: t('filter.isRecentlyPlayed', { postProcess: 'sentenceCase' }),
                 onChange: (e: ChangeEvent<HTMLInputElement>) => {
@@ -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%"
                 />
             </Stack>
+            <Stack gap="xs">
+                <Text size="sm" weight={500}>
+                    {t('filter.isRated', { postProcess: 'sentenceCase' })}
+                </Text>
+                <SegmentedControl
+                    data={segmentedControlData}
+                    onChange={(value) => {
+                        setHasRating(segmentValueToBoolean(value));
+                    }}
+                    size="sm"
+                    value={booleanToSegmentValue(query.hasRating)}
+                    w="100%"
+                />
+            </Stack>
             <Stack gap="xs">
                 <Text size="sm" weight={500}>
                     {t('filter.isCompilation', { postProcess: 'sentenceCase' })}