From 72b4a60c7bdc6c9ccede3db71033f5333a111157 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Fri, 4 Aug 2023 13:45:10 -0700
Subject: [PATCH] Adjust folder filter on song list

---
 .../songs/components/song-list-header-filters.tsx | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/renderer/features/songs/components/song-list-header-filters.tsx b/src/renderer/features/songs/components/song-list-header-filters.tsx
index 56699078..d6b194df 100644
--- a/src/renderer/features/songs/components/song-list-header-filters.tsx
+++ b/src/renderer/features/songs/components/song-list-header-filters.tsx
@@ -6,7 +6,7 @@ import {
     RiAddBoxFill,
     RiAddCircleFill,
     RiFilterFill,
-    RiFolder2Line,
+    RiFolder2Fill,
     RiMoreFill,
     RiPlayFill,
     RiRefreshLine,
@@ -268,6 +268,10 @@ export const SongListHeaderFilters = ({ tableRef }: SongListHeaderFiltersProps)
         return isNavidromeFilterApplied || isJellyfinFilterApplied;
     }, [filter?._custom?.jellyfin, filter?._custom?.navidrome, server?.type]);
 
+    const isFolderFilterApplied = useMemo(() => {
+        return filter.musicFolderId !== undefined;
+    }, [filter.musicFolderId]);
+
     return (
         <Flex justify="space-between">
             <Group
@@ -313,9 +317,16 @@ export const SongListHeaderFilters = ({ tableRef }: SongListHeaderFiltersProps)
                                     compact
                                     fw="600"
                                     size="md"
+                                    sx={{
+                                        svg: {
+                                            fill: isFolderFilterApplied
+                                                ? 'var(--primary-color) !important'
+                                                : undefined,
+                                        },
+                                    }}
                                     variant="subtle"
                                 >
-                                    {cq.isSm ? 'Folder' : <RiFolder2Line size="1.3rem" />}
+                                    <RiFolder2Fill size="1.3rem" />
                                 </Button>
                             </DropdownMenu.Target>
                             <DropdownMenu.Dropdown>