From eb4ad8612b6c2477961b067319f2833295bfd334 Mon Sep 17 00:00:00 2001
From: Sonny Bakker <sonny871@hotmail.com>
Date: Sat, 27 Feb 2021 15:16:44 +0100
Subject: [PATCH] Hide read button when selecting saved items

---
 .../js/pages/homepage/components/sidebar/Sidebar.js        | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/newsreader/js/pages/homepage/components/sidebar/Sidebar.js b/src/newsreader/js/pages/homepage/components/sidebar/Sidebar.js
index b435b7d..88a69f2 100644
--- a/src/newsreader/js/pages/homepage/components/sidebar/Sidebar.js
+++ b/src/newsreader/js/pages/homepage/components/sidebar/Sidebar.js
@@ -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>
     );
   }