New: Size column for tracks

frontend/src/Album/Details/TrackRow.css

@@ -23,6 +23,7 @@
 }
 
 .duration,
+.size,
 .status {
   composes: cell from '~Components/Table/Cells/TableRowCell.css';
 

frontend/src/Album/Details/TrackRow.css.d.ts

@@ -5,6 +5,7 @@ interface CssExports {
   'customFormatScore': string;
   'duration': string;
   'monitored': string;
+  'size': string;
   'status': string;
   'title': string;
   'trackNumber': string;

frontend/src/Album/Details/TrackRow.js

@@ -9,6 +9,7 @@ import { tooltipPositions } from 'Helpers/Props';
 import MediaInfoConnector from 'TrackFile/MediaInfoConnector';
 import * as mediaInfoTypes from 'TrackFile/mediaInfoTypes';
 import formatTimeSpan from 'Utilities/Date/formatTimeSpan';
+import formatBytes from 'Utilities/Number/formatBytes';
 import formatCustomFormatScore from 'Utilities/Number/formatCustomFormatScore';
 import TrackActionsCell from './TrackActionsCell';
 import styles from './TrackRow.css';
@@ -28,6 +29,7 @@ class TrackRow extends Component {
       title,
       duration,
       trackFilePath,
+      trackFileSize,
       customFormats,
       customFormatScore,
       columns,
@@ -145,6 +147,17 @@ class TrackRow extends Component {
               );
             }
 
+            if (name === 'size') {
+              return (
+                <TableRowCell
+                  key={name}
+                  className={styles.size}
+                >
+                  {!!trackFileSize && formatBytes(trackFileSize)}
+                </TableRowCell>
+              );
+            }
+
             if (name === 'status') {
               return (
                 <TableRowCell
@@ -192,6 +205,7 @@ TrackRow.propTypes = {
   duration: PropTypes.number.isRequired,
   isSaving: PropTypes.bool,
   trackFilePath: PropTypes.string,
+  trackFileSize: PropTypes.number,
   customFormats: PropTypes.arrayOf(PropTypes.object),
   customFormatScore: PropTypes.number.isRequired,
   mediaInfo: PropTypes.object,

frontend/src/Album/Details/TrackRowConnector.js

@@ -11,6 +11,7 @@ function createMapStateToProps() {
     (id, trackFile) => {
       return {
         trackFilePath: trackFile ? trackFile.path : null,
+        trackFileSize: trackFile ? trackFile.size : null,
         customFormats: trackFile ? trackFile.customFormats : [],
         customFormatScore: trackFile ? trackFile.customFormatScore : 0
       };

frontend/src/Store/Actions/trackActions.js

@@ -58,6 +58,11 @@ export const defaultState = {
       label: () => translate('AudioInfo'),
       isVisible: true
     },
+    {
+      name: 'size',
+      label: () => translate('Size'),
+      isVisible: false
+    },
     {
       name: 'customFormats',
       label: 'Formats',