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}
+ />