ESPTrainer built with Meteor and React

Score.jsx 434B

12345678910111213141516
  1. import React, { PropTypes } from 'react';
  2. import './styles/Score';
  3. const Score = ({ score }) =>
  4. <div className="score">
  5. <div className="scale">
  6. {
  7. [...Array(25).keys()].map(x => <div key={x} className="grade" style={{left: (x * 20) + 'px'}} />)
  8. }
  9. </div>
  10. <div className="current-score" style={{ width: (score * 20) + 'px' }} />
  11. </div>;
  12. Score.propTypes = { score: PropTypes.number.isRequired };
  13. export default Score;