Disbaling facet filters for users/orgs

OpenConceptLab · Nov 11, 2020 · 3aa5501 · 3aa5501
1 parent 89b0db5
commit 3aa5501
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/components/common/FilterButton.jsx b/src/components/common/FilterButton.jsx
@@ -4,7 +4,7 @@ import {
   FilterList as FilterListIcon,
 } from '@material-ui/icons';
 
-const FilterButton = ({tooltipTitle, label, count, onClick}) => {
+const FilterButton = ({tooltipTitle, label, count, disabled, onClick}) => {
   const hasFilters = count && count > 0;
   const color = hasFilters ? 'primary' : 'secondary';
   const buttonLabel = (label || 'Filters') + (hasFilters ? ` (${count})` : '');
@@ -18,6 +18,7 @@ const FilterButton = ({tooltipTitle, label, count, onClick}) => {
         icon={<FilterListIcon fontSize='small' />}
         label={buttonLabel}
         style={{minWidth: '100px'}}
+        disabled={disabled}
       />
     </Tooltip>
   )

diff --git a/src/components/search/Search.jsx b/src/components/search/Search.jsx
@@ -252,14 +252,15 @@ class Search extends React.Component {
   getFilterControls() {
     const updatedSinceText = this.getUpdatedSinceText();
     const totalResults = this.getCurrentResourceTotalResults();
-    const { updatedSince, limit, appliedFacets } = this.state;
+    const { updatedSince, limit, appliedFacets, resource } = this.state;
+    const isDisabledFilters = includes(['organizations', 'users'], resource);
     return (
       <span style={{display: 'inline-flex'}}>
         <span style={{paddingRight: '5px'}}>
           <ChipDatePicker onChange={this.onDateChange} label={updatedSinceText} date={updatedSince} />
         </span>
         <span style={{paddingRight: '5px'}}>
-          <FilterButton count={size(appliedFacets)} onClick={this.toggleFacetsDrawer} />
+          <FilterButton count={size(appliedFacets)} onClick={this.toggleFacetsDrawer} disabled={isDisabledFilters} />
         </span>
         {
           !this.isTable && <span style={{paddingRight: '5px'}}>