diff --git a/src/components/Loader/index.js b/src/components/Loader/index.js index 5a582df3..d4f8f4c4 100644 --- a/src/components/Loader/index.js +++ b/src/components/Loader/index.js @@ -2,6 +2,7 @@ import React from 'react'; import styled, { css } from 'styled-components'; import PropTypes from 'prop-types'; import Paragraph from 'components/Paragraph'; +import { FONT_SIZE } from 'config/variables'; import { DASH, GREEN_COLOR } from 'config/animations'; import colors from 'config/colors'; @@ -36,14 +37,15 @@ const CircleWrapper = styled.circle` `; const StyledParagraph = styled(Paragraph)` + font-size: ${props => (props.isSmallText ? FONT_SIZE.SMALLER : FONT_SIZE.BASE)}; color: ${props => (props.isWhiteText ? colors.WHITE : colors.TEXT_PRIMARY)}; `; const Loader = ({ - className, text, isWhiteText = false, size = 100, + className, text, isWhiteText = false, isSmallText, size = 100, }) => ( - {text} + {text} {

Confirm transaction on { device.label } device

-

Details are shown on display

+

Details are shown on display

diff --git a/src/components/modals/confirm/UnverifiedAddress/index.js b/src/components/modals/confirm/UnverifiedAddress/index.js index 12c8672f..b84a4ce3 100644 --- a/src/components/modals/confirm/UnverifiedAddress/index.js +++ b/src/components/modals/confirm/UnverifiedAddress/index.js @@ -1,6 +1,6 @@ /* @flow */ import React, { Component } from 'react'; -import { H3 } from 'components/Heading'; +import { H2 } from 'components/Heading'; import P from 'components/Paragraph'; import styled from 'styled-components'; import Icon from 'components/Icon'; @@ -102,8 +102,8 @@ class ConfirmUnverifiedAddress extends Component { -

{ deviceStatus }

-

To prevent phishing attacks, you should verify the address on your TREZOR first. { claim } to continue with the verification process.

+

{ deviceStatus }

+ To prevent phishing attacks, you should verify the address on your TREZOR first. { claim } to continue with the verification process. this.verifyAddress()}>Try again this.showUnverifiedAddress()}>Show unverified address diff --git a/src/components/modals/device/Remember/index.js b/src/components/modals/device/Remember/index.js index 6d5589ec..efb10db6 100644 --- a/src/components/modals/device/Remember/index.js +++ b/src/components/modals/device/Remember/index.js @@ -130,6 +130,7 @@ export default class RememberDevice extends Component { Forget { render() { if (!this.props.modal.opened) return null; - const { opened } = this.props.modal; - - const windowType = UI.REQUEST_PIN; + const { opened, windowType } = this.props.modal; let component = null; switch (windowType) {