1
0
mirror of https://github.com/trezor/trezor-wallet synced 2025-01-07 06:40:54 +00:00

fix trezor web usb buttons

This commit is contained in:
slowbackspace 2019-03-26 13:53:34 +01:00
parent 599b9128ac
commit 9dc179583d
2 changed files with 13 additions and 5 deletions

View File

@ -5,7 +5,7 @@ import styled, { keyframes } from 'styled-components';
import TrezorConnect from 'trezor-connect';
import l10nCommonMessages from 'views/common.messages';
import { Button, P, H5, Link, colors } from 'trezor-ui-components';
import { Button, P, H5, Link, icons, colors } from 'trezor-ui-components';
import { PULSATE } from 'config/animations';
import { FONT_SIZE, FONT_WEIGHT, SCREEN_SIZE } from 'config/variables';
@ -163,7 +163,11 @@ class ConnectDevice extends PureComponent<Props> {
<StyledP>
<FormattedMessage {...l10nMessages.TR_AND} />
</StyledP>
<StyledButton isWebUsb>
<StyledButton
isInverse
icon={icons.PLUS}
additionalClassName="trezor-webusb-button"
>
<FormattedMessage {...l10nCommonMessages.TR_CHECK_FOR_DEVICES} />
</StyledButton>
</React.Fragment>

View File

@ -4,7 +4,7 @@ import styled from 'styled-components';
import TrezorConnect from 'trezor-connect';
import { FormattedMessage } from 'react-intl';
import { Button, colors as COLORS } from 'trezor-ui-components';
import { Button, icons, colors as COLORS } from 'trezor-ui-components';
import { FONT_SIZE, FONT_WEIGHT } from 'config/variables';
import { SLIDE_DOWN } from 'config/animations';
@ -30,7 +30,7 @@ const Wrapper = styled.div`
const ButtonWrapper = styled.div`
margin: 10px 0;
padding: 0 10px;
padding: 0 24px;
display: flex;
`;
const StyledButton = styled(Button)`
@ -131,7 +131,11 @@ class DeviceMenu extends PureComponent<Props> {
/>
{deviceUtils.isWebUSB(transport) && (
<ButtonWrapper>
<StyledButton isWebUsb>
<StyledButton
isInverse
icon={icons.PLUS}
additionalClassName="trezor-webusb-button"
>
<FormattedMessage {...l10nCommonMessages.TR_CHECK_FOR_DEVICES} />
</StyledButton>
</ButtonWrapper>