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

Disable Ledger Live toggle for Firefox users (#11169)

Browse Source
This commit is contained in:
David Walsh 2021-05-24 16:11:17 -05:00 committed by ryanml
parent 397417bf09
commit dec34fa4c6
3 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/app/components/ui/toggle-button/index.scss
View File

@ -33,4 +33,8 @@
visibility: hidden; visibility: hidden;
} }
} }
&--disabled {
opacity: 0.5;
}
} }

11
ui/app/components/ui/toggle-button/toggle-button.component.js
View File

@ -47,15 +47,19 @@ const colors = {
}; };
const ToggleButton = (props) => { const ToggleButton = (props) => {
const { value, onToggle, offLabel, onLabel } = props; const { value, onToggle, offLabel, onLabel, disabled } = props;
const modifier = value ? 'on' : 'off'; const modifier = value ? 'on' : 'off';
return ( return (
<div className={classnames('toggle-button', `toggle-button--${modifier}`)}> <div
className={classnames('toggle-button', `toggle-button--${modifier}`, {
'toggle-button--disabled': disabled,
})}
>
<ReactToggleButton <ReactToggleButton
value={value} value={value}
onToggle={onToggle} onToggle={disabled ? undefined : onToggle}
activeLabel="" activeLabel=""
inactiveLabel="" inactiveLabel=""
trackStyle={value ? trackStyle : offTrackStyle} trackStyle={value ? trackStyle : offTrackStyle}
@ -76,6 +80,7 @@ ToggleButton.propTypes = {
onToggle: PropTypes.func, onToggle: PropTypes.func,
offLabel: PropTypes.string, offLabel: PropTypes.string,
onLabel: PropTypes.string, onLabel: PropTypes.string,
disabled: PropTypes.bool,
}; };
export default ToggleButton; export default ToggleButton;

4
ui/app/pages/settings/advanced-tab/advanced-tab.component.js
View File

@ -7,6 +7,9 @@ import TextField from '../../../components/ui/text-field';
import Button from '../../../components/ui/button'; import Button from '../../../components/ui/button';
import { MOBILE_SYNC_ROUTE } from '../../../helpers/constants/routes'; import { MOBILE_SYNC_ROUTE } from '../../../helpers/constants/routes';
import { getPlatform } from '../../../../app/scripts/lib/util';
import { PLATFORM_FIREFOX } from '../../../../shared/constants/app';
export default class AdvancedTab extends PureComponent { export default class AdvancedTab extends PureComponent {
static contextTypes = { static contextTypes = {
t: PropTypes.func, t: PropTypes.func,
@ -405,6 +408,7 @@ export default class AdvancedTab extends PureComponent {
onToggle={(value) => setLedgerLivePreference(!value)} onToggle={(value) => setLedgerLivePreference(!value)}
offLabel={t('off')} offLabel={t('off')}
onLabel={t('on')} onLabel={t('on')}
disabled={getPlatform() === PLATFORM_FIREFOX}
/> />
</div> </div>
</div> </div>