From e187f81085662bb663c3bdde354b81f4417ec462 Mon Sep 17 00:00:00 2001
From: mgabdev <>
Date: Fri, 15 May 2020 19:01:13 -0400
Subject: [PATCH] Updated Notification for intersection observer isHidden
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

• Updated:
- Notification for intersection observer isHidden
- checks for is accounts exist before cycling
---
 .../gabsocial/components/notification.js         | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/app/javascript/gabsocial/components/notification.js b/app/javascript/gabsocial/components/notification.js
index dc7190aa..444e0840 100644
--- a/app/javascript/gabsocial/components/notification.js
+++ b/app/javascript/gabsocial/components/notification.js
@@ -1,3 +1,4 @@
+import { Fragment } from 'react'
 import { NavLink } from 'react-router-dom'
 import { injectIntl, defineMessages } from 'react-intl'
 import ImmutablePureComponent from 'react-immutable-pure-component'
@@ -101,7 +102,16 @@ class Notification extends ImmutablePureComponent {
     }
 
     if (isHidden) {
-      // : todo :
+      return (
+        <Fragment>
+          {
+            accounts && accounts.slice(0, 1).map((account, i) => (
+              <DisplayName key={i} account={account} noUsername />
+            ))
+          }
+          {message}
+        </Fragment>
+      )
     }
 
     return (
@@ -114,7 +124,7 @@ class Notification extends ImmutablePureComponent {
             <div className={[_s.default, _s.ml15, _s.flexNormal].join(' ')}>
               <div className={[_s.default, _s.flexRow].join(' ')}>
                 {
-                  accounts.slice(0, 8).map((account, i) => (
+                  accounts && accounts.slice(0, 8).map((account, i) => (
                     <NavLink
                       to={`/${account.get('acct')}`}
                       key={`fav-avatar-${i}`}
@@ -129,7 +139,7 @@ class Notification extends ImmutablePureComponent {
                 <div className={[_s.default, _s.flexRow].join(' ')}>
                   <div className={_s.text}>
                     {
-                      accounts.slice(0, 1).map((account, i) => (
+                      accounts && accounts.slice(0, 1).map((account, i) => (
                         <DisplayName key={i} account={account} noUsername />
                       ))
                     }