ESPTrainer built with Meteor and React

Score.jsx 400B

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