Fix transition group

This commit is contained in:
Jerko Steiner 2019-11-17 09:31:24 -03:00
parent b46206de1f
commit 63bae9fc55

View File

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