Files
freeCodeCamp/common/app/components/Nav/Points-Nav-Item.jsx
Berkeley Martinez 10de64c442 Fix(nav): clicking on points should not hit server
Refactor(nav): fccnavitem is now points-nav-item
2016-08-05 15:15:40 -07:00

41 lines
799 B
JavaScript

import React from 'react';
export default React.createClass({
displayName: 'Points',
propTypes: {
'aria-controls': React.PropTypes.string,
className: React.PropTypes.string,
href: React.PropTypes.string,
onClick: React.PropTypes.func.isRequired,
points: React.PropTypes.func,
title: React.PropTypes.node
},
render() {
let {
href,
title,
points,
'aria-controls': ariaControls, // eslint-disable-line react/prop-types
className,
onClick
} = this.props;
let linkProps = {
title,
href,
onClick,
className,
ref: 'anchor',
'aria-controls': ariaControls
};
return (
<li role='presentation'>
<a { ...linkProps }>[ { points || 1 } ]</a>
</li>
);
}
});