mirror of
https://github.com/ENSL/ensl_gathers.git
synced 2025-02-02 22:21:28 +00:00
17 lines
572 B
JavaScript
17 lines
572 B
JavaScript
|
var MenuCounter = React.createClass({displayName: "MenuCounter",
|
||
|
|
componentDidMount: function () {
|
||
|
|
socket.on('gatherCount', this.updateCount)
|
||
|
|
},
|
||
|
|
updateCount: function (data) {
|
||
|
|
this.setProps({count: data.count});
|
||
|
|
},
|
||
|
|
render: function () {
|
||
|
|
return (
|
||
|
|
React.createElement("li", null,
|
||
|
|
React.createElement("a", {href: "#"}, React.createElement("i", {className: "fa fa-users fa-fw"}), " Gatherers (", this.props.count, ")")
|
||
|
|
)
|
||
|
|
);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
React.render(React.createElement(MenuCounter, {count: 0}), document.getElementById('side-menu'));
|