even more ui components

src/actions/ethereum/SendFormActions.js

@@ -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';

src/components/Footer/index.js

@@ -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';

src/components/Transaction/index.js

@@ -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';
 

src/components/modals/QrModal/index.js

@@ -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} />

src/components/notifications/Context/components/Static/index.js

@@ -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';

src/views/Landing/views/Version/index.js

@@ -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>

src/views/Wallet/components/LeftNavigation/components/CoinMenu/index.js

@@ -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';

src/views/Wallet/components/LeftNavigation/components/DeviceMenu/components/MenuItems/index.js

@@ -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';

src/views/Wallet/components/LeftNavigation/index.js

@@ -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';