1
0
mirror of https://github.com/trezor/trezor-wallet synced 2024-11-27 10:48:22 +00:00

update to new buttons

This commit is contained in:
slowbackspace 2019-05-02 14:29:29 +02:00
parent 2722393981
commit e63bc301e6
3 changed files with 9 additions and 32 deletions

View File

@ -36,20 +36,6 @@ const BackupButton = styled(Button)`
margin-bottom: 10px;
`;
const ProceedButton = styled(Button)`
background: transparent;
border-color: ${colors.WARNING_PRIMARY};
color: ${colors.WARNING_PRIMARY};
&:focus,
&:hover,
&:active {
color: ${colors.WHITE};
background: ${colors.WARNING_PRIMARY};
box-shadow: none;
}
`;
const StyledP = styled(P)`
/* boost-specificity hack to override P base styling */
&& {
@ -80,9 +66,9 @@ const Confirmation = (props: Props) => (
<FormattedMessage {...l10nCommonMessages.TR_CREATE_BACKUP_IN_3_MINUTES} />
</BackupButton>
</Link>
<ProceedButton isWhite onClick={() => props.onReceiveConfirmation(true)}>
<Button isInverse variant="warning" onClick={() => props.onReceiveConfirmation(true)}>
<FormattedMessage {...l10nCommonMessages.TR_SHOW_ADDRESS_I_WILL_TAKE_THE_RISK} />
</ProceedButton>
</Button>
</Row>
</Wrapper>
);

View File

@ -64,20 +64,6 @@ const BackupButton = styled(Button)`
width: 100%;
`;
const WarnButton = styled(Button)`
background: transparent;
border-color: ${colors.WARNING_PRIMARY};
color: ${colors.WARNING_PRIMARY};
&:focus,
&:hover,
&:active {
color: ${colors.WHITE};
background: ${colors.WARNING_PRIMARY};
box-shadow: none;
}
`;
class ConfirmUnverifiedAddress extends PureComponent<Props> {
componentDidMount(): void {
this.keyboardHandler = this.keyboardHandler.bind(this);
@ -161,9 +147,13 @@ class ConfirmUnverifiedAddress extends PureComponent<Props> {
<Button onClick={() => (!account ? this.verifyAddress() : 'false')}>
<FormattedMessage {...l10nMessages.TR_TRY_AGAIN} />
</Button>
<WarnButton isWhite onClick={() => this.showUnverifiedAddress()}>
<Button
isInverse
variant="warning"
onClick={() => this.showUnverifiedAddress()}
>
<FormattedMessage {...l10nMessages.TR_SHOW_UNVERIFIED_ADDRESS} />
</WarnButton>
</Button>
</Row>
</Content>
{needsBackup && <Divider />}

View File

@ -86,6 +86,7 @@ const Import = (props: Props) => {
isDisabled={
!selectedNetwork || address === '' || props.importAccount.loading
}
isLoading={props.importAccount.loading}
onClick={() =>
props.importAddress(
address,