Adjust folder filter on song list
This commit is contained in:
parent
ff68de8c09
commit
72b4a60c7b
1 changed files with 13 additions and 2 deletions
|
@ -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>
|
||||||
|
|
Reference in a new issue