Add visual indicator when displaying a cached balance (#5854)

1 files changed, 4 insertions, 3 deletions

diff --git a/ui/app/components/currency-display/currency-display.component.js b/ui/app/components/currency-display/currency-display.component.js
index 2d7413b57..6a743cc4e 100644
--- a/ui/app/components/currency-display/currency-display.component.js
+++ b/ui/app/components/currency-display/currency-display.component.js
@@ -17,10 +17,11 @@ export default class CurrencyDisplay extends PureComponent {
     value: PropTypes.string,
     numberOfDecimals: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
     hideLabel: PropTypes.bool,
+    hideTitle: PropTypes.bool,
   }
 
   render () {
-    const { className, displayValue, prefix, prefixComponent, style, suffix } = this.props
+    const { className, displayValue, prefix, prefixComponent, style, suffix, hideTitle } = this.props
     const text = `${prefix || ''}${displayValue}`
     const title = `${text} ${suffix}`
 
@@ -28,9 +29,9 @@ export default class CurrencyDisplay extends PureComponent {
       <div
         className={classnames('currency-display-component', className)}
         style={style}
-        title={title}
+        title={!hideTitle && title || null}
       >
-        { prefixComponent}
+        { prefixComponent }
         <span className="currency-display-component__text">{ text }</span>
         {
           suffix && (