mirror of
https://github.com/flarum/core.git
synced 2025-05-09 17:05:22 +02:00
1a2df2d581
* Update FontAwesome to v5.0.6 * Adapt DiscussionListItem-count icon to match FontAwesome 5 syntax * Change icon name to match FontAwesome 5.0.6 fas icon * Add font type prefix parameter to icon helper * Add Enable Icon Prefix to show icon in Extension Page * Fix invalid icon behavior * Change icon name to match FontAwesome 5.0.6 far icon * Use iconPrefix property on component * Use full icon class name * Update icon helper docblock * Full icon class syntax
35 lines
974 B
JavaScript
35 lines
974 B
JavaScript
import Dropdown from 'flarum/components/Dropdown';
|
|
import icon from 'flarum/helpers/icon';
|
|
|
|
/**
|
|
* The `SelectDropdown` component is the same as a `Dropdown`, except the toggle
|
|
* button's label is set as the label of the first child which has a truthy
|
|
* `active` prop.
|
|
*
|
|
* ### Props
|
|
*
|
|
* - `caretIcon`
|
|
* - `defaultLabel`
|
|
*/
|
|
export default class SelectDropdown extends Dropdown {
|
|
static initProps(props) {
|
|
props.caretIcon = typeof props.caretIcon !== 'undefined' ? props.caretIcon : 'fa fa-sort';
|
|
|
|
super.initProps(props);
|
|
|
|
props.className += ' Dropdown--select';
|
|
}
|
|
|
|
getButtonContent() {
|
|
const activeChild = this.props.children.filter(child => child.props.active)[0];
|
|
let label = activeChild && activeChild.props.children || this.props.defaultLabel;
|
|
|
|
if (label instanceof Array) label = label[0];
|
|
|
|
return [
|
|
<span className="Button-label">{label}</span>,
|
|
icon(this.props.caretIcon, {className: 'Button-caret'})
|
|
];
|
|
}
|
|
}
|