status-im
/
MyCrypto
mirror of https://github.com/status-im/MyCrypto.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix Notification Close (#700)

This commit is contained in:
William O'Beirne 2017-12-31 22:13:54 -05:00 committed by Daniel Ternyak
parent ec37eeffe8
commit 349bf5bba5
1 changed files with 2 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
common/containers/TabSection/Notifications.tsx
View File

@ -11,23 +11,15 @@ interface Props {
closeNotification: TCloseNotification; closeNotification: TCloseNotification;
} }
const Transition: React.SFC<{}> = ({ children }) => (
<CSSTransition
children={children}
classNames="NotificationAnimation"
timeout={{ enter: 500, exit: 500 }}
/>
);
export class Notifications extends React.Component<Props, {}> { export class Notifications extends React.Component<Props, {}> {
public render() { public render() {
return ( return (
<TransitionGroup className="Notifications"> <TransitionGroup className="Notifications">
{this.props.notifications.map(n => { {this.props.notifications.map(n => {
return ( return (
<Transition key={n.id}> <CSSTransition classNames="NotificationAnimation" timeout={500} key={n.id}>
<NotificationRow notification={n} onClose={this.props.closeNotification} /> <NotificationRow notification={n} onClose={this.props.closeNotification} />
</Transition> </CSSTransition>
); );
})} })}
</TransitionGroup> </TransitionGroup>