1
0
mirror of https://github.com/trezor/trezor-wallet synced 2024-11-13 20:08:56 +00:00

even more ui components

This commit is contained in:
slowbackspace 2019-03-18 17:41:51 +01:00
parent 55a499ae09
commit 482f62d317
9 changed files with 17 additions and 35 deletions

View File

@ -1,6 +1,6 @@
/* @flow */
import React from 'react';
import Link from 'components/Link';
import { Link } from 'trezor-ui-components';
import TrezorConnect from 'trezor-connect';
import BigNumber from 'bignumber.js';
import * as ACCOUNT from 'actions/constants/account';

View File

@ -3,12 +3,11 @@
import styled from 'styled-components';
import PropTypes from 'prop-types';
import React from 'react';
import Link from 'components/Link';
import { Link, colors } from 'trezor-ui-components';
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
import { FormattedMessage } from 'react-intl';
import colors from 'config/colors';
import { FONT_SIZE, SCREEN_SIZE } from 'config/variables';
import * as LogActions from 'actions/LogActions';
import l10nMessages from './index.messages';

View File

@ -3,8 +3,7 @@ import React from 'react';
import PropTypes from 'prop-types';
import styled from 'styled-components';
import colors from 'config/colors';
import Link from 'components/Link';
import { Link, colors } from 'trezor-ui-components';
import type { Transaction, Network } from 'flowtype';

View File

@ -5,14 +5,7 @@ import PropTypes from 'prop-types';
import QrReader from 'react-qr-reader';
import styled from 'styled-components';
import { FormattedMessage, injectIntl } from 'react-intl';
import colors from 'config/colors';
import icons from 'config/icons';
import { H2 } from 'components/Heading';
import P from 'components/Paragraph';
import Icon from 'components/Icon';
import Link from 'components/Link';
import { Link, Icon, P, H5, icons, colors } from 'trezor-ui-components';
import { parseUri } from 'utils/cryptoUriParser';
import type { parsedURI } from 'utils/cryptoUriParser';
@ -144,9 +137,9 @@ class QrModal extends Component<Props, State> {
<Icon size={24} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
</CloseLink>
<Padding>
<H2>
<H5>
<FormattedMessage {...l10nMessages.TR_SCAN_QR_CODE} />
</H2>
</H5>
{!this.state.readerLoaded && !this.state.error && (
<CameraPlaceholder>
<FormattedMessage {...l10nMessages.TR_WAITING_FOR_CAMERA} />

View File

@ -3,7 +3,7 @@
import * as React from 'react';
import Notification from 'components/Notification';
import Bignumber from 'bignumber.js';
import Link from 'components/Link';
import { Link } from 'trezor-ui-components';
import { FormattedMessage } from 'react-intl';
import l10nCommonMessages from 'views/common.messages';
import l10nMessages from './index.messages';

View File

@ -1,8 +1,7 @@
import React from 'react';
import styled from 'styled-components';
import { H3, H2 } from 'components/Heading';
import LandingWrapper from 'views/Landing/components/LandingWrapper';
import Link from 'components/Link';
import { Link, H5, H6 } from 'trezor-ui-components';
const Wrapper = styled.div`
display: flex;
@ -19,12 +18,12 @@ const Line = styled.div`
const Version = () => (
<LandingWrapper>
<Wrapper>
<H3>APPLICATION VERSION</H3>
<H2>{VERSION}</H2>
<H6>APPLICATION VERSION</H6>
<H5>{VERSION}</H5>
<Line />
<H3>LAST COMMIT HASH</H3>
<Link href={`https://github.com/trezor/trezor-wallet/commits/${COMMITHASH}`}>
<H2>{COMMITHASH}</H2>
<H6>LAST COMMIT HASH</H6>
<Link isGray href={`https://github.com/trezor/trezor-wallet/commits/${COMMITHASH}`}>
<H5>{COMMITHASH}</H5>
</Link>
</Wrapper>
</LandingWrapper>

View File

@ -2,12 +2,10 @@
import styled from 'styled-components';
import coins from 'constants/coins';
import colors from 'config/colors';
import ICONS from 'config/icons';
import PropTypes from 'prop-types';
import React, { PureComponent } from 'react';
import { Link, colors, icons as ICONS } from 'trezor-ui-components';
import { NavLink } from 'react-router-dom';
import Link from 'components/Link';
import { FormattedMessage } from 'react-intl';
import Divider from '../Divider';
import RowCoin from '../RowCoin';

View File

@ -1,14 +1,11 @@
import React, { PureComponent } from 'react';
import styled from 'styled-components';
import PropTypes from 'prop-types';
import Icon from 'components/Icon';
import Link from 'components/Link';
import DeviceIcon from 'components/images/DeviceIcon';
import { FormattedMessage } from 'react-intl';
import { getPattern } from 'support/routes';
import icons from 'config/icons';
import colors from 'config/colors';
import { Link, Icon, colors, icons } from 'trezor-ui-components';
import DeviceIcon from 'components/images/DeviceIcon';
import { FONT_SIZE } from 'config/variables';
import l10nCommonMessages from 'views/common.messages';

View File

@ -2,18 +2,15 @@
import * as React from 'react';
import PropTypes from 'prop-types';
import colors from 'config/colors';
import { Icon, Tooltip, icons, colors } from 'trezor-ui-components';
import { FONT_SIZE } from 'config/variables';
import Icon from 'components/Icon';
import WalletTypeIcon from 'components/images/WalletType';
import icons from 'config/icons';
import { TransitionGroup, CSSTransition } from 'react-transition-group';
import styled from 'styled-components';
import DeviceHeader from 'components/DeviceHeader';
// import Link from 'components/Link';
import * as deviceUtils from 'utils/device';
import Tooltip from 'components/Tooltip';
import { FormattedMessage } from 'react-intl';
// import { getPattern } from 'support/routes';
import AccountMenu from './components/AccountMenu';