diff --git a/src/js/components/wallet/summary/Summary.js b/src/js/components/wallet/summary/Summary.js index b06e78b4..57d05637 100644 --- a/src/js/components/wallet/summary/Summary.js +++ b/src/js/components/wallet/summary/Summary.js @@ -4,6 +4,8 @@ import React, { Component } from 'react'; import BigNumber from 'bignumber.js'; import { Async } from 'react-select'; +import Tooltip from 'rc-tooltip'; + import { resolveAfter } from '../../../utils/promiseUtils'; import AbstractAccount from '../account/AbstractAccount'; import { Notification } from '../../common/Notification'; @@ -41,6 +43,12 @@ const _render = (props: Props, state: AccountState): React$Element => { const tokens = findAccountTokens(props.tokens, account); const explorerLink: string = `${abstractAccount.coin.explorer.address}${account.address}`; + const tokensTooltip = ( +
+ Insert token name, symbol or address to be able to send it. +
+ ); + return (
@@ -60,7 +68,15 @@ const _render = (props: Props, state: AccountState): React$Element => { localStorage={ props.localStorage } onToggle={ props.onDetailsToggle } /> -

Tokens

+

+ Tokens + } + overlay={ tokensTooltip } + placement="top"> + + +

{/* 0x58cda554935e4a1f2acbe15f8757400af275e084 Lahod */} {/* 0x58cda554935e4a1f2acbe15f8757400af275e084 T01 */}
diff --git a/src/styles/summary.less b/src/styles/summary.less index 299ee2af..af866f56 100644 --- a/src/styles/summary.less +++ b/src/styles/summary.less @@ -127,6 +127,24 @@ } } + .what-is-it { + &:before { + .icomoon-help; + .hover(); + transform-origin: 50% 50%; + font-size: 24px; + position: relative; + top: 5px; + cursor: pointer; + color: @color_text_secondary; + } + &:hover { + &:before { + color: @color_text_primary; + } + } + } + .filter { //background: @color_main; padding: 0px 48px 32px 48px;