From 0fe08bfa74d5f28d42e4cfb5acbad3fb44e5cc22 Mon Sep 17 00:00:00 2001
From: Daniel Barrientos Anariba
 <69573860+danielbanariba@users.noreply.github.com>
Date: Mon, 27 Apr 2026 16:21:32 -0600
Subject: [PATCH] feat(ui): add Not Starred filter option (#5362)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feat(ui): add Not Starred filter option - #5108

Signed-off-by: Daniel Banariba <banaribad@gmail.com>

* fix(ui): apply notStarred translation to playlistTrack resource - #5108

Signed-off-by: Daniel Banariba <banaribad@gmail.com>

* refactor(ui): use NullableBooleanInput for starred filter - #5108

Replace QuickFilter approach with NullableBooleanInput per maintainer
review feedback. Single tri-state filter (Yes/No/Any) instead of two
separate buttons + dataProvider translation. Matches the existing pattern
used by the 'missing' filter.

Signed-off-by: Daniel Banariba <banaribad@gmail.com>

---------

Signed-off-by: Daniel Banariba <banaribad@gmail.com>
Co-authored-by: Deluan Quintão <deluan@navidrome.org>
---
 ui/src/album/AlbumList.jsx   | 4 +---
 ui/src/artist/ArtistList.jsx | 4 +---
 ui/src/song/SongList.jsx     | 4 +---
 3 files changed, 3 insertions(+), 9 deletions(-)

diff --git a/ui/src/album/AlbumList.jsx b/ui/src/album/AlbumList.jsx
index 28a24981c..0b8c256df 100644
--- a/ui/src/album/AlbumList.jsx
+++ b/ui/src/album/AlbumList.jsx
@@ -20,7 +20,6 @@ import FavoriteIcon from '@material-ui/icons/Favorite'
 import { withWidth } from '@material-ui/core'
 import {
   List,
-  QuickFilter,
   Title,
   useAlbumsPerPage,
   useResourceRefresh,
@@ -152,10 +151,9 @@ const AlbumFilter = (props) => {
       <NullableBooleanInput source="compilation" />
       <NumberInput source="year" />
       {config.enableFavourites && (
-        <QuickFilter
+        <NullableBooleanInput
           source="starred"
           label={<FavoriteIcon fontSize={'small'} />}
-          defaultValue={true}
         />
       )}
       {isAdmin && <NullableBooleanInput source="missing" />}
diff --git a/ui/src/artist/ArtistList.jsx b/ui/src/artist/ArtistList.jsx
index 6c526a5a5..4559aa8e6 100644
--- a/ui/src/artist/ArtistList.jsx
+++ b/ui/src/artist/ArtistList.jsx
@@ -24,7 +24,6 @@ import {
   ArtistContextMenu,
   CoverArtAvatar,
   List,
-  QuickFilter,
   useGetHandleArtistClick,
   RatingField,
   useSelectedFields,
@@ -88,10 +87,9 @@ const ArtistFilter = (props) => {
       <SearchInput id="search" source="name" alwaysOn />
       <SelectInput source="role" choices={roles} alwaysOn />
       {config.enableFavourites && (
-        <QuickFilter
+        <NullableBooleanInput
           source="starred"
           label={<FavoriteIcon fontSize={'small'} />}
-          defaultValue={true}
         />
       )}
       {isAdmin && <NullableBooleanInput source="missing" />}
diff --git a/ui/src/song/SongList.jsx b/ui/src/song/SongList.jsx
index 98684132f..d928af549 100644
--- a/ui/src/song/SongList.jsx
+++ b/ui/src/song/SongList.jsx
@@ -20,7 +20,6 @@ import {
   SongContextMenu,
   SongDatagrid,
   SongInfo,
-  QuickFilter,
   SongTitleField,
   SongSimpleList,
   RatingField,
@@ -119,10 +118,9 @@ const SongFilter = (props) => {
         />
       </ReferenceArrayInput>
       {config.enableFavourites && (
-        <QuickFilter
+        <NullableBooleanInput
           source="starred"
           label={<FavoriteIcon fontSize={'small'} />}
-          defaultValue={true}
         />
       )}
       {isAdmin && <NullableBooleanInput source="missing" />}