feat(home): display filter off icon when no filters are applied to th…

…e view
AXeL-dev · Sep 1, 2022 · 4883ba2 · 4883ba2
1 parent 0c58882
commit 4883ba2
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/ui/components/pages/Home/TabActions/RecentViewActions/RecentViewFilters.tsx b/src/ui/components/pages/Home/TabActions/RecentViewActions/RecentViewFilters.tsx
@@ -3,6 +3,7 @@ import { IconButton, ListSubheader } from '@mui/material';
 import { StyledMenu, CheckableMenuItem } from 'ui/components/shared';
 import { useAppDispatch, useAppSelector } from 'store';
 import FilterListIcon from '@mui/icons-material/FilterList';
+import FilterListOffIcon from '@mui/icons-material/FilterListOff';
 import { selectViewFilters } from 'store/selectors/settings';
 import { setViewFilters } from 'store/reducers/settings';
 import { HomeView, Nullable, RecentViewFilters as Filters } from 'types';
@@ -70,7 +71,7 @@ function RecentViewFilters(props: RecentViewFiltersProps) {
         aria-haspopup="true"
         onClick={handleClick}
       >
-        <FilterListIcon />
+        {activeFiltersCount > 0 ? <FilterListIcon /> : <FilterListOffIcon />}
       </IconButton>
       <StyledMenu
         id="filter-menu"

diff --git a/src/ui/components/pages/Home/TabActions/WatchLaterViewActions/WatchLaterViewFilters.tsx b/src/ui/components/pages/Home/TabActions/WatchLaterViewActions/WatchLaterViewFilters.tsx
@@ -3,6 +3,7 @@ import { IconButton, ListSubheader } from '@mui/material';
 import { StyledMenu, CheckableMenuItem } from 'ui/components/shared';
 import { useAppDispatch, useAppSelector } from 'store';
 import FilterListIcon from '@mui/icons-material/FilterList';
+import FilterListOffIcon from '@mui/icons-material/FilterListOff';
 import { HomeView, Nullable, WatchLaterViewFilters as Filters } from 'types';
 import { selectViewFilters } from 'store/selectors/settings';
 import { setViewFilters } from 'store/reducers/settings';
@@ -66,7 +67,7 @@ function WatchLaterViewFilters(props: WatchLaterViewFiltersProps) {
         aria-haspopup="true"
         onClick={handleClick}
       >
-        <FilterListIcon />
+        {activeFiltersCount > 0 ? <FilterListIcon /> : <FilterListOffIcon />}
       </IconButton>
       <StyledMenu
         id="filter-menu"