Hide read button when selecting saved items

This commit is contained in:
Sonny Bakker 2021-02-27 15:16:44 +01:00
parent 5bec9ce5ee
commit eb4ad8612b

View file

@ -4,6 +4,7 @@ import { isEqual } from 'lodash';
import { filterCategories, filterRules } from './filters.js';
import { CATEGORY_TYPE, RULE_TYPE } from '../../constants.js';
import LoadingIndicator from '../../../../components/LoadingIndicator.js';
import CategoryItem from './CategoryItem.js';
import SavedItem from './SavedItem.js';
@ -27,6 +28,10 @@ class Sidebar extends React.Component {
);
});
const showReadButton =
this.props.selected.item &&
[CATEGORY_TYPE, RULE_TYPE].includes(this.props.selected.item.type);
return (
<div className="sidebar">
{(this.props.categories.isFetching || this.props.rules.isFetching) && (
@ -38,7 +43,7 @@ class Sidebar extends React.Component {
{categoryItems}
</ul>
{!isEqual(this.props.selected.item, {}) && <ReadButton />}
{showReadButton && <ReadButton />}
</div>
);
}