You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36 lines
765 B
36 lines
765 B
import React from 'react'; |
|
import PropTypes from 'prop-types'; |
|
|
|
class Permalink extends React.PureComponent { |
|
|
|
static contextTypes = { |
|
router: PropTypes.object, |
|
}; |
|
|
|
static propTypes = { |
|
className: PropTypes.string, |
|
href: PropTypes.string.isRequired, |
|
to: PropTypes.string.isRequired, |
|
children: PropTypes.node, |
|
}; |
|
|
|
handleClick = (e) => { |
|
if (e.button === 0 && !(e.ctrlKey || e.metaKey)) { |
|
e.preventDefault(); |
|
this.context.router.push(this.props.to); |
|
} |
|
} |
|
|
|
render () { |
|
const { href, children, className, ...other } = this.props; |
|
|
|
return ( |
|
<a href={href} onClick={this.handleClick} {...other} className={'permalink ' + className}> |
|
{children} |
|
</a> |
|
); |
|
} |
|
|
|
} |
|
|
|
export default Permalink;
|
|
|