m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Adding className to togglebutton (#12838)

Browse Source
This commit is contained in:
George Marshall 2021-11-24 14:15:10 -08:00 committed by GitHub
parent d5ba78f90f
commit 1523b2353d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
ui/components/ui/toggle-button/toggle-button.component.js
View File

@ -47,7 +47,7 @@ const colors = {
};
const ToggleButton = (props) => {
const { value, onToggle, offLabel, onLabel, disabled } = props;
const { value, onToggle, offLabel, onLabel, disabled, className } = props;
const modifier = value ? 'on' : 'off';
@ -59,9 +59,14 @@ const ToggleButton = (props) => {
onToggle(value);
}
}}
className={classnames('toggle-button', `toggle-button--${modifier}`, {
className={classnames(
'toggle-button',
`toggle-button--${modifier}`,
{
'toggle-button--disabled': disabled,
})}
},
className,
)}
>
<ReactToggleButton
value={value}
@ -87,6 +92,7 @@ ToggleButton.propTypes = {
offLabel: PropTypes.string,
onLabel: PropTypes.string,
disabled: PropTypes.bool,
className: PropTypes.string,
};
export default ToggleButton;