mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

add filters status indicator

Browse source
This commit is contained in:
grafixeyehero 2023-09-13 22:16:46 +03:00 • committed by Bill Thornton
parent 72989172ae
commit d714c3ceb6
1 changed files with 10 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/apps/experimental/components/library/filter/FilterButton.tsx
View file

@ -10,6 +10,7 @@ import MuiAccordionSummary, {
AccordionSummaryProps
} from '@mui/material/AccordionSummary';
import IconButton from '@mui/material/IconButton';
import { Badge } from '@mui/material';
import { styled } from '@mui/material/styles';
import Typography from '@mui/material/Typography';
@ -152,6 +153,9 @@ const FilterButton: FC<FilterButtonProps> = ({
return viewType === LibraryTab.Episodes;
};
const hasFilters =
Object.values(libraryViewSettings.Filters || {}).some((filter) => !!filter);
return (
<Box>
<IconButton
@ -161,7 +165,9 @@ const FilterButton: FC<FilterButtonProps> = ({
className='paper-icon-button-light btnShuffle autoSize'
onClick={handleClick}
>
<Badge color='info' variant='dot' invisible={!hasFilters}>
<FilterListIcon />
</Badge>
</IconButton>
<Popover
id={id}
@ -239,7 +245,9 @@ const FilterButton: FC<FilterButtonProps> = ({
id='filtersEpisodesStatus-header'
>
<Typography>
{globalize.translate('HeaderEpisodesStatus')}
{globalize.translate(
'HeaderEpisodesStatus'
)}
</Typography>
</AccordionSummary>
<AccordionDetails>