random-mirrors/gab-social
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated Notification for intersection observer isHidden

Browse Source 
• Updated:
- Notification for intersection observer isHidden
- checks for is accounts exist before cycling
This commit is contained in:
mgabdev 2020-05-15 19:01:13 -04:00
parent e38d461b72
commit e187f81085
1 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
app/javascript/gabsocial/components/notification.js
View File

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