toggleNotification -> markNotificationsRead

src/components/Dashboard.jsx

@@ -123,9 +123,7 @@ class Dashboard extends React.Component {
         <Notification
           isNotification={this.props.ui.flags.isNotification}
           notifications={this.props.domain.notifications}
-          onToggle={() => {
-            this.props.actions.toggleNotifications();
-          }}
+          onToggle={this.props.actions.markNotificationsRead}
         />
         <LoadingOverlay
           ui={this.props.ui.flags.isFetchingDomain}

src/components/Notification.jsx

@@ -43,8 +43,8 @@ export default class Notification extends React.Component{
   }
 
   render() {
-    if (this.props.isNotification) {
-
+    const notificationsToRender = this.props.notifications.filter(n => !('isRead' in n && n.isRead))
+    if (notificationsToRender.length > 0) {
       return (
         <div className={`notification-wrapper`}>
           {this.props.notifications.map((notification) => {