| 12345678910111213141516 |
- import React, { PropTypes } from 'react';
- import './styles/Score';
-
- const Score = ({ score }) =>
- <div className="score">
- <div className="scale">
- {
- [...Array(25).keys()].map(x => <div key={x} className="grade" style={{left: (x * 20) + 'px'}} />)
- }
- </div>
- <div className="current-score" style={{ width: (score * 20) + 'px' }} />
- </div>;
-
- Score.propTypes = { score: PropTypes.number.isRequired };
-
- export default Score;
|