2015-12-29 16:26:11 +00:00
|
|
|
const Events = React.createClass({
|
|
|
|
propTypes: {
|
|
|
|
events: React.PropTypes.array.isRequired
|
|
|
|
},
|
|
|
|
|
|
|
|
getTime(timeString) {
|
|
|
|
return (new Date(timeString)).toTimeString().match(/^[\d:]*/)[0];
|
|
|
|
},
|
|
|
|
|
|
|
|
render() {
|
|
|
|
let events;
|
|
|
|
if (this.props.events.length) {
|
|
|
|
events = this.props.events.map(event => {
|
2016-01-02 21:32:26 +00:00
|
|
|
return `${this.getTime(event.createdAt)} ${event.description}`;
|
|
|
|
}).join("\n");
|
2015-12-29 16:26:11 +00:00
|
|
|
} else {
|
|
|
|
events = <tr><td>Listening for new events...</td></tr>
|
|
|
|
}
|
|
|
|
|
|
|
|
return (
|
2016-01-02 21:32:26 +00:00
|
|
|
<pre className="events-panel">
|
|
|
|
{events}
|
|
|
|
</pre>
|
2015-12-29 16:26:11 +00:00
|
|
|
);
|
|
|
|
}
|
|
|
|
});
|