diff --git a/frontend/src/Album/Details/AlbumDetails.js b/frontend/src/Album/Details/AlbumDetails.js index 5c95e565b..c0c3b57ec 100644 --- a/frontend/src/Album/Details/AlbumDetails.js +++ b/frontend/src/Album/Details/AlbumDetails.js @@ -218,6 +218,11 @@ class AlbumDetails extends Component { onSearchPress } = this.props; + const { + trackFileCount, + sizeOnDisk + } = statistics; + const { isOrganizeModalOpen, isRetagModalOpen, @@ -233,6 +238,14 @@ class AlbumDetails extends Component { let expandIcon = icons.EXPAND_INDETERMINATE; + let trackFilesCountMessage = translate('TrackFilesCountMessage'); + + if (trackFileCount === 1) { + trackFilesCountMessage = '1 track file'; + } else if (trackFileCount > 1) { + trackFilesCountMessage = `${trackFileCount} track files`; + } + if (allExpanded) { expandIcon = icons.COLLAPSE; } else if (allCollapsed) { @@ -410,21 +423,32 @@ class AlbumDetails extends Component { - + + { + formatBytes(sizeOnDisk || 0) + } + + + } + tooltip={ + + {trackFilesCountMessage} + + } + kind={kinds.INVERSE} + position={tooltipPositions.BOTTOM} + /> - + + { + formatBytes(sizeOnDisk || 0) + } + + + } + tooltip={ + + {trackFilesCountMessage} + + } + kind={kinds.INVERSE} + position={tooltipPositions.BOTTOM} + />