Adjust folder filter on song list

This commit is contained in:
jeffvli 2023-08-04 13:45:10 -07:00
parent ff68de8c09
commit 72b4a60c7b

View file

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