mirror of
https://github.com/flarum/framework.git
synced 2024-12-05 17:13:38 +08:00
26 lines
797 B
JavaScript
26 lines
797 B
JavaScript
import SelectDropdown from '../../common/components/SelectDropdown';
|
|
import Button from '../../common/components/Button';
|
|
import saveSettings from '../utils/saveSettings';
|
|
|
|
export default class SettingDropdown extends SelectDropdown {
|
|
static initProps(props) {
|
|
super.initProps(props);
|
|
|
|
props.className = 'SettingDropdown';
|
|
props.buttonClassName = 'Button Button--text';
|
|
props.caretIcon = 'fas fa-caret-down';
|
|
props.defaultLabel = 'Custom';
|
|
|
|
props.children = props.options.map(({ value, label }) => {
|
|
const active = app.data.settings[props.key] === value;
|
|
|
|
return Button.component({
|
|
children: label,
|
|
icon: active ? 'fas fa-check' : true,
|
|
onclick: saveSettings.bind(this, { [props.key]: value }),
|
|
active,
|
|
});
|
|
});
|
|
}
|
|
}
|