123456789101112131415161718192021222324252627282930313233343536 |
- 'use strict';
- const React = require('react/addons');
- const GameStore = require('../stores/GameStore');
- const onGameChange = require('../mixins/onGameChange');
- const CapturedPieces = React.createClass({
-
- mixins: [React.addons.PureRenderMixin, onGameChange],
- getInitialState() {
- return {
- capturedPieces: GameStore.getCapturedPieces()
- };
- },
- render() {
- const cp = this.state.capturedPieces;
- return (
- <div id="captured-pieces">
- {cp.map((pieces, color) => (
- <ul key={color}>
- {pieces.map((piece, i) => <li key={i}>{piece}</li>).toArray()}
- </ul>
- )).toArray()}
- </div>
- );
- },
- _onGameChange() {
- this.setState({
- capturedPieces: GameStore.getCapturedPieces()
- });
- }
- });
- module.exports = CapturedPieces;
|