Browse Source

progress render hide blocks placeholder cond.

all-modes
pbca26 7 years ago
parent
commit
49fb98887c
  1. 3
      react/src/components/dashboard/walletsProgress/walletsProgress.render.js

3
react/src/components/dashboard/walletsProgress/walletsProgress.render.js

@ -36,12 +36,11 @@ export const SyncPercentageRender = function(syncPercentage, currentBlock, maxHe
</div> </div>
); );
} else { } else {
// if (this.props.ActiveCoin.progress)
return ( return (
<div <div
className="progress-bar progress-bar-info progress-bar-striped active font-size-80-percent" className="progress-bar progress-bar-info progress-bar-striped active font-size-80-percent"
style={{ width: syncPercentage }}> style={{ width: syncPercentage }}>
<span style={{ width: syncPercentage }}>{ syncPercentage === '100.00%' ? '100%' : syncPercentage } | { this.props.ActiveCoin.progress.blocks || currentBlock } / { this.props.ActiveCoin.progress.longestchain || maxHeight } <span className={ this.props.ActiveCoin.progress.connections ? '' : 'hide' }>| { translate('INDEX.CONNECTIONS') }: { this.props.ActiveCoin.progress.connections }</span></span> <span style={{ width: syncPercentage }}>{ syncPercentage === '100.00%' ? '100%' : syncPercentage } <span className={ this.props.ActiveCoin.progress.blocks || currentBlock ? '' : 'hide' }>| { this.props.ActiveCoin.progress.blocks || currentBlock } <span className={ this.props.ActiveCoin.progress.longestchain || maxHeight ? '' : 'hide'}>/ { this.props.ActiveCoin.progress.longestchain || maxHeight }</span></span> <span className={ this.props.ActiveCoin.progress.connections ? '' : 'hide' }>| { translate('INDEX.CONNECTIONS') }: { this.props.ActiveCoin.progress.connections }</span></span>
</div> </div>
); );
} }

Loading…
Cancel
Save