Feedback | Search filter opened button color

OpenConceptLab · Oct 11, 2024 · 92d9891 · 92d9891
1 parent 29aa5ca
commit 92d9891
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/src/components/search/Search.jsx b/src/components/search/Search.jsx
@@ -365,6 +365,7 @@ const Search = props => {
             <div className='col-xs-9 split' style={{width: getSearchResultsWidth(), paddingRight: 0, paddingLeft: showFilters ? '15px' : 0, float: 'right', height: '100%'}}>
               <div className='col-xs-12 padding-0' style={{height: '100%'}}>
                 <SearchResults
+                  showFilters={showFilters}
                   noCardDisplay={props.noCardDisplay}
                   order={order}
                   orderBy={orderBy}

diff --git a/src/components/search/SearchControls.jsx b/src/components/search/SearchControls.jsx
@@ -5,7 +5,7 @@ import DownIcon from '@mui/icons-material/ArrowDropDown';
 import DisplayMenu from './DisplayMenu';
 import SortMenu from './SortMenu';
 
-const SearchControls = ({ disabled, onDisplayChange, display, order, orderBy, onOrderByChange, sortableFields, noCardDisplay }) => {
+const SearchControls = ({ disabled, onDisplayChange, display, order, orderBy, onOrderByChange, sortableFields, noCardDisplay}) => {
   const { t } = useTranslation()
   const [displayAnchorEl, setDisplayAnchorEl] = React.useState(null);
   const [sortAnchorEl, setSortAnchorEl] = React.useState(null);

diff --git a/src/components/search/SearchResults.jsx b/src/components/search/SearchResults.jsx
@@ -17,7 +17,7 @@ import CardResults from './CardResults';
 import { SORT_ATTRS } from './ResultConstants'
 
 const ResultsToolbar = props => {
-  const { numSelected, title, onFiltersToggle, disabled, isFilterable, onDisplayChange, display, order, orderBy, onOrderByChange, sortableFields, noCardDisplay } = props;
+  const { numSelected, title, onFiltersToggle, disabled, isFilterable, onDisplayChange, display, order, orderBy, onOrderByChange, sortableFields, noCardDisplay, showFilters } = props;
   return (
     <Toolbar
       sx={{
@@ -36,7 +36,7 @@ const ResultsToolbar = props => {
       {
         isFilterable &&
           <IconButton style={{marginRight: '4px'}} onClick={onFiltersToggle} disabled={Boolean(disabled)}>
-            <FilterListIcon />
+            <FilterListIcon sx={{color: showFilters ? 'secondary.10' : 'secondary'}} />
           </IconButton>
       }
       {numSelected > 0 ? (
@@ -215,6 +215,7 @@ const SearchResults = props => {
         orderBy={props.orderBy}
         onOrderByChange={props.onOrderByChange}
         noCardDisplay={noCardDisplay}
+        showFilters={props.showFilters}
       />
       {
         props.noResults ?