[PCCompat > Components > Settings] Add ButtonItem
This commit is contained in:
parent
6c1379811a
commit
1eabecc0c9
|
@ -0,0 +1,36 @@
|
||||||
|
const { React } = goosemodScope.webpackModules.common;
|
||||||
|
|
||||||
|
import FormItem from './formItem';
|
||||||
|
|
||||||
|
const OriginalButton = goosemod.webpackModules.findByProps('Sizes', 'Colors', 'Looks', 'DropdownSizes');
|
||||||
|
|
||||||
|
const Tooltip = goosemodScope.webpackModules.findByDisplayName('Tooltip');
|
||||||
|
|
||||||
|
|
||||||
|
export default class TextInput extends React.PureComponent {
|
||||||
|
render() {
|
||||||
|
const title = this.props.children;
|
||||||
|
delete this.props.children;
|
||||||
|
|
||||||
|
return React.createElement(FormItem, {
|
||||||
|
title,
|
||||||
|
note: this.props.note,
|
||||||
|
required: this.props.required
|
||||||
|
},
|
||||||
|
|
||||||
|
React.createElement(Tooltip, {
|
||||||
|
text: this.props.tooltipText,
|
||||||
|
position: this.props.tooltipPosition,
|
||||||
|
shouldShow: this.props.tooltipText !== ''
|
||||||
|
}, () => React.createElement(OriginalButton,
|
||||||
|
{
|
||||||
|
color: this.props.success ? OriginalButton.Colors.GREEN : (this.props.color || Buttons.Colors.BRAND),
|
||||||
|
disabled: this.props.disabled,
|
||||||
|
onClick: () => this.props.onClick(),
|
||||||
|
style: { marginLeft: 5 }
|
||||||
|
},
|
||||||
|
this.props.button
|
||||||
|
))
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
|
@ -2,5 +2,6 @@ export { default as FormItem } from './formItem';
|
||||||
export { default as TextInput } from './textInput';
|
export { default as TextInput } from './textInput';
|
||||||
export { default as SliderInput } from './sliderInput';
|
export { default as SliderInput } from './sliderInput';
|
||||||
export { default as Divider } from './divider';
|
export { default as Divider } from './divider';
|
||||||
|
export { default as ButtonItem } from './buttonItem';
|
||||||
|
|
||||||
export const SwitchItem = goosemodScope.webpackModules.findByDisplayName('SwitchItem');
|
export const SwitchItem = goosemodScope.webpackModules.findByDisplayName('SwitchItem');
|
Loading…
Reference in New Issue