diff options
| author | Dan J Miller <danjm.com@gmail.com> | 2019-01-30 20:16:12 +0800 |
|---|---|---|
| committer | Whymarrh Whitby <whymarrh.whitby@gmail.com> | 2019-01-30 20:16:12 +0800 |
| commit | 02bdbbbc3e2d349ddde5657069ec6dda15fc6668 (patch) | |
| tree | 09c2f2dad8263695dee5f49b0ae30c6b59503205 /ui/app/components/currency-display | |
| parent | df3169d1c7250d13bb8bc123dc91f7913ad75a81 (diff) | |
| download | tangerine-wallet-browser-02bdbbbc3e2d349ddde5657069ec6dda15fc6668.tar.gz tangerine-wallet-browser-02bdbbbc3e2d349ddde5657069ec6dda15fc6668.tar.zst tangerine-wallet-browser-02bdbbbc3e2d349ddde5657069ec6dda15fc6668.zip | |
Add visual indicator when displaying a cached balance (#5854)
Diffstat (limited to 'ui/app/components/currency-display')
| -rw-r--r-- | ui/app/components/currency-display/currency-display.component.js | 7 |
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 && ( |