rondomoon/peer-calls
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fix transition group

Browse Source
This commit is contained in:
Jerko Steiner 2019-11-17 09:31:24 -03:00
parent b46206de1f
commit 63bae9fc55
1 changed files with 15 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/client/components/Notifications.tsx
View File

@ -1,4 +1,5 @@
import CSSTransition from 'react-transition-group/CSSTransition' import CSSTransition from 'react-transition-group/CSSTransition'
import TransitionGroup from 'react-transition-group/TransitionGroup'
import React from 'react' import React from 'react'
import classnames from 'classnames' import classnames from 'classnames'
import { Notification } from '../actions/NotifyActions' import { Notification } from '../actions/NotifyActions'
@ -22,6 +23,7 @@ extends React.PureComponent<NotificationProps> {
const { notifications, max } = this.props const { notifications, max } = this.props
return ( return (
<div className="notifications"> <div className="notifications">
<TransitionGroup>
{Object.keys(notifications).slice(-max).map(id => ( {Object.keys(notifications).slice(-max).map(id => (
<CSSTransition <CSSTransition
key={id} key={id}
@ -35,6 +37,7 @@ extends React.PureComponent<NotificationProps> {
</div> </div>
</CSSTransition> </CSSTransition>
))} ))}
</TransitionGroup>
</div> </div>
) )
} }