Completed toast stacking, fadeout and close.

pull/701/head
Vincent 5 years ago
parent 94f6ee3f3b
commit 5a6960b481

@ -25,7 +25,7 @@
) )
); );
this.$el.show(); this.$el.show();
setTimeout(this.close.bind(this), 2000000); setTimeout(this.close.bind(this), 2000);
}, },
}); });

@ -52,6 +52,8 @@ export class SessionToast extends React.PureComponent<Props> {
toastIcon = SessionIconType.Globe; toastIcon = SessionIconType.Globe;
} }
setTimeout(this.fadeToast.bind(this), 5000);
return ( return (
<div className={classNames('session-toast', type)}> <div className={classNames('session-toast', type)}>
<div className="toast-icon"> <div className="toast-icon">
@ -75,7 +77,11 @@ export class SessionToast extends React.PureComponent<Props> {
); );
} }
public fadeToast() {
$('.session-toast').fadeOut(500);
}
public closeToast() { public closeToast() {
return; $('.session-toast').fadeOut(125);
} }
} }

Loading…
Cancel
Save