Skip to content

Instantly share code, notes, and snippets.

@goldensunliu
Created March 4, 2018 22:24
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save goldensunliu/9ff8772de1efff1a06dc154c500af710 to your computer and use it in GitHub Desktop.
Save goldensunliu/9ff8772de1efff1a06dc154c500af710 to your computer and use it in GitHub Desktop.
const NumberControl = ({ number, onClick, completionPercentage }) => (
<div
key={number}
className="number"
onClick={onClick}
>
<div>{number}</div>
<CirclularProgress percent={completionPercentage} />
<style jsx>{NumberControlStyle}</style>
</div>
);
NumberControl.propTypes = {
number: PropTypes.number.isRequired,
onClick: PropTypes.func,
completionPercentage: PropTypes.number.isRequired,
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment