Browse Source
We could add this back in future branches/releases but Mastodon has changed how they handle external links broadly, so we would need a different approach (particularly around the "pill" UI element they do for remote domains in accounts)dariusk-working/4_4_0
Darius Kazemi
4 months ago
9 changed files with 28 additions and 75 deletions
@ -1,40 +0,0 @@
|
||||
import PropTypes from 'prop-types'; |
||||
import { PureComponent } from 'react'; |
||||
|
||||
export class Permalink extends PureComponent { |
||||
|
||||
static contextTypes = { |
||||
router: PropTypes.object, |
||||
}; |
||||
|
||||
static propTypes = { |
||||
className: PropTypes.string, |
||||
href: PropTypes.string.isRequired, |
||||
to: PropTypes.string.isRequired, |
||||
children: PropTypes.node, |
||||
onInterceptClick: PropTypes.func, |
||||
}; |
||||
|
||||
handleClick = e => { |
||||
if (this.props.onInterceptClick && this.props.onInterceptClick()) { |
||||
e.preventDefault(); |
||||
return; |
||||
} |
||||
|
||||
if (this.context.router && e.button === 0 && !(e.ctrlKey || e.metaKey)) { |
||||
e.preventDefault(); |
||||
this.context.router.history.push(this.props.to); |
||||
} |
||||
} |
||||
|
||||
render () { |
||||
const { href, children, className, onInterceptClick, ...other } = this.props; |
||||
|
||||
return ( |
||||
<a target='_blank' href={href} onClick={this.handleClick} {...other} className={`permalink${className ? ' ' + className : ''}`}> |
||||
{children} |
||||
</a> |
||||
); |
||||
} |
||||
|
||||
} |
||||
Loading…
Reference in new issue