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) {