diff --git a/frontend/src/Movie/Index/Table/MovieIndexRow.js b/frontend/src/Movie/Index/Table/MovieIndexRow.js index 994cf660a..2cfbdc275 100644 --- a/frontend/src/Movie/Index/Table/MovieIndexRow.js +++ b/frontend/src/Movie/Index/Table/MovieIndexRow.js @@ -1,6 +1,7 @@ import PropTypes from 'prop-types'; import React, { Component } from 'react'; import titleCase from 'Utilities/String/titleCase'; +import formatBytes from 'Utilities/Number/formatBytes'; import { icons } from 'Helpers/Props'; import HeartRating from 'Components/HeartRating'; import IconButton from 'Components/Link/IconButton'; @@ -71,6 +72,7 @@ class MovieIndexRow extends Component { physicalRelease, minimumAvailability, path, + sizeOnDisk, genres, ratings, certification, @@ -220,6 +222,17 @@ class MovieIndexRow extends Component { ); } + if (name === 'sizeOnDisk') { + return ( + + {formatBytes(sizeOnDisk)} + + ); + } + if (name === 'genres') { const joinedGenres = genres.join(', '); @@ -352,6 +365,7 @@ MovieIndexRow.propTypes = { physicalRelease: PropTypes.string, minimumAvailability: PropTypes.string.isRequired, path: PropTypes.string.isRequired, + sizeOnDisk: PropTypes.number.isRequired, genres: PropTypes.arrayOf(PropTypes.string).isRequired, ratings: PropTypes.object.isRequired, certification: PropTypes.string, diff --git a/frontend/src/Store/Actions/movieIndexActions.js b/frontend/src/Store/Actions/movieIndexActions.js index 72a9ea3e8..52953d006 100644 --- a/frontend/src/Store/Actions/movieIndexActions.js +++ b/frontend/src/Store/Actions/movieIndexActions.js @@ -120,6 +120,12 @@ export const defaultState = { isSortable: true, isVisible: false }, + { + name: 'sizeOnDisk', + label: 'Size on Disk', + isSortable: true, + isVisible: false + }, { name: 'genres', label: 'Genres', @@ -167,12 +173,6 @@ export const defaultState = { return studio ? studio.toLowerCase() : ''; }, - sizeOnDisk: function(item) { - const { statistics = {} } = item; - - return statistics.sizeOnDisk; - }, - ratings: function(item) { const { ratings = {} } = item;