Make the back button a functional link

This commit is contained in:
Toby Zerner
2015-08-02 17:26:57 +09:30
parent 025d8f691d
commit 8f4ef28475
3 changed files with 25 additions and 4 deletions

View File

@ -1,5 +1,6 @@
import Component from 'flarum/Component';
import Button from 'flarum/components/Button';
import LinkButton from 'flarum/components/LinkButton';
/**
* The `Navigation` component displays a set of navigation buttons. Typically
@ -47,10 +48,16 @@ export default class Navigation extends Component {
getBackButton() {
const {history} = app;
return Button.component({
return LinkButton.component({
className: 'Button Button--icon Navigation-back',
onclick: history.back.bind(history),
icon: 'chevron-left'
href: history.backUrl(),
icon: 'chevron-left',
config: () => {},
onclick: e => {
if (e.shiftKey || e.ctrlKey || e.metaKey || e.which === 2) return;
e.preventDefault();
history.back();
}
});
}