You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
25 lines
704 B
25 lines
704 B
require('../../sass/board/scorebar.scss');
|
|
|
|
import { Component } from 'react';
|
|
import { connect } from 'react-redux';
|
|
|
|
export default class Scorebar extends Component {
|
|
render() {
|
|
var lives = [];
|
|
for (var i = 0; i < this.props.lives; i++) {
|
|
lives.push(<div className='life' key={i}></div>);
|
|
}
|
|
|
|
return (<div className='scorebar'>
|
|
<div className='item current-score'>{this.props.current}</div>
|
|
<div className='item high-score'>{this.props.high}</div>
|
|
<div className='item lives'>{lives}</div>
|
|
</div>);
|
|
};
|
|
};
|
|
|
|
const select = (state) => {
|
|
return state.scorebar;
|
|
};
|
|
|
|
export default connect(select)(Scorebar);
|
|
|