27 lines
828 B
JavaScript
27 lines
828 B
JavaScript
var React = require('react');
|
|
|
|
var ReactCSSTransitionGroup = React.addons.CSSTransitionGroup;
|
|
|
|
var broadcastStore = window.JK.Stores.broadcast;
|
|
|
|
var BroadcastHolder = React.createClass({displayName: 'Broadcast Notification Holder',
|
|
mixins: [Reflux.connect(broadcastStore, 'notification')],
|
|
|
|
render: function() {
|
|
var notification = []
|
|
if(this.state.notification) {
|
|
notification.push(<Broadcast key={this.state.notification.id} notification={this.state.notification}/>)
|
|
}
|
|
|
|
return (
|
|
<div id="broadcast-notification-holder" className="broadcast-notification-holder" >
|
|
<ReactCSSTransitionGroup transitionName="bn-slidedown">
|
|
{notification}
|
|
</ReactCSSTransitionGroup>
|
|
</div>
|
|
)
|
|
}
|
|
});
|
|
|
|
// each file will export exactly one component
|
|
module.exports = BroadcastHolder; |