diff --git a/src/views/Wallet/views/Account/Summary/components/Token/index.js b/src/views/Wallet/views/Account/Summary/components/Token/index.js
index ae6e2f5b..31ce0fa4 100644
--- a/src/views/Wallet/views/Account/Summary/components/Token/index.js
+++ b/src/views/Wallet/views/Account/Summary/components/Token/index.js
@@ -1,15 +1,18 @@
import React, { PureComponent } from 'react';
import styled from 'styled-components';
+import { FormattedMessage } from 'react-intl';
import ColorHash from 'color-hash';
import ScaleText from 'react-scale-text';
import colors from 'config/colors';
import { FONT_WEIGHT } from 'config/variables';
import Button from 'components/Button';
+import Tooltip from 'components/Tooltip';
import Icon from 'components/Icon';
import ICONS from 'config/icons';
import * as stateUtils from 'reducers/utils';
import BigNumber from 'bignumber.js';
import PropTypes from 'prop-types';
+import l10nCommonMessages from 'views/common.messages';
const TokenWrapper = styled.div`
padding: 14px 0;
@@ -60,6 +63,10 @@ const RemoveTokenButton = styled(Button)`
padding: 0 0 0 10px;
`;
+const TooltipIcon = styled(Icon)`
+ cursor: pointer;
+`;
+
class AddedToken extends PureComponent {
getTokenBalance(token) {
const pendingAmount = stateUtils.getPendingAmount(this.props.pending, token.symbol, true);
@@ -85,7 +92,21 @@ class AddedToken extends PureComponent {
{this.props.token.name}
{this.props.hideBalance ? (
-
+
+ }
+ >
+
+
) : (
`${this.getTokenBalance(this.props.token)} ${this.props.token.symbol}`
)}
diff --git a/src/views/Wallet/views/WalletSettings/index.messages.js b/src/views/Wallet/views/WalletSettings/index.messages.js
index 5e03318a..43557498 100644
--- a/src/views/Wallet/views/WalletSettings/index.messages.js
+++ b/src/views/Wallet/views/WalletSettings/index.messages.js
@@ -9,7 +9,8 @@ const definedMessages: Messages = defineMessages({
},
TR_HIDE_BALANCE_EXPLAINED: {
id: 'TR_HIDE_BALANCE_EXPLAINED',
- defaultMessage: 'Hides your account balance so nobody sees how much of a whale you are!',
+ defaultMessage:
+ "Hides your account balance so you don't have to worry about anyone looking over your shoulder.",
},
TR_THE_CHANGES_ARE_SAVED: {
id: 'TR_THE_CHANGES_ARE_SAVED',
diff --git a/src/views/common.messages.js b/src/views/common.messages.js
index f3bc9e1b..94c4acbd 100644
--- a/src/views/common.messages.js
+++ b/src/views/common.messages.js
@@ -74,6 +74,10 @@ const definedMessages: Messages = defineMessages({
id: 'TR_HIDE_BALANCE',
defaultMessage: 'Hide balance',
},
+ TR_THE_ACCOUNT_BALANCE_IS_HIDDEN: {
+ id: 'TR_THE_ACCOUNT_BALANCE_IS_HIDDEN',
+ defaultMessage: 'The account balance is hidden.',
+ },
});
export default definedMessages;