mirror of
https://github.com/flarum/core.git
synced 2025-07-17 23:01:17 +02:00
ab6c03c0cc
- Use JSX for templates - Docblock/comment everything - Mostly passes ESLint (still some work to do) - Lots of renaming, refactoring, etc. CSS hasn't been updated yet.
33 lines
862 B
JavaScript
33 lines
862 B
JavaScript
import Button from 'flarum/components/Button';
|
|
|
|
/**
|
|
* The `LinkButton` component defines a `Button` which links to a route.
|
|
*
|
|
* ### Props
|
|
*
|
|
* All of the props accepted by `Button`, plus:
|
|
*
|
|
* - `active` Whether or not the page that this button links to is currently
|
|
* active.
|
|
* - `href` The URL to link to. If the current URL `m.route()` matches this,
|
|
* the `active` prop will automatically be set to true.
|
|
*/
|
|
export default class LinkButton extends Button {
|
|
static initProps(props) {
|
|
props.active = this.isActive(props);
|
|
props.config = props.config || m.route;
|
|
}
|
|
|
|
/**
|
|
* Determine whether a component with the given props is 'active'.
|
|
*
|
|
* @param {Object} props
|
|
* @return {Boolean}
|
|
*/
|
|
static isActive(props) {
|
|
return typeof props.active !== 'undefined'
|
|
? props.active
|
|
: m.route() === props.href;
|
|
}
|
|
}
|