diff --git a/client/components/ModulesTreemap.jsx b/client/components/ModulesTreemap.jsx index 051a7d87..322717e7 100644 --- a/client/components/ModulesTreemap.jsx +++ b/client/components/ModulesTreemap.jsx @@ -115,6 +115,11 @@ export default class ModulesTreemap extends Component { onChange={this.handleSelectedChunksChange}/> } + {this.isTotalSelectedSizeVisible() && +
+ {this.renderSelectedChunkSize()} +
+ } { + const {activeSize, selectedChunks} = this.store; + const totalSize = selectedChunks.reduce((memo, item) => (item[activeSize] + memo), 0); + + return
Total selected size: {filesize(totalSize)}
; + } + @computed get sizeSwitchItems() { return store.hasParsedSizes ? SIZE_SWITCH_ITEMS : SIZE_SWITCH_ITEMS.slice(0, 1); } @@ -306,6 +318,10 @@ export default class ModulesTreemap extends Component { this.treemap.isGroupRendered(module) ) + isTotalSelectedSizeVisible = () => ( + store.selectedChunks.length > 1 && store.selectedChunks.length < this.chunkItems.length + ) + saveTreemapRef = treemap => this.treemap = treemap; getTooltipContent(module) {