diff --git a/ui/src/album/AlbumList.js b/ui/src/album/AlbumList.js index 09446fb6a..d1f79df9b 100644 --- a/ui/src/album/AlbumList.js +++ b/ui/src/album/AlbumList.js @@ -103,9 +103,10 @@ const AlbumList = (props) => { 'year', 'duration', 'rating', + 'size', 'createdAt', ], - ['createdAt'] + ['createdAt', 'size'] ) // If it does not have filter/sort params (usually coming from Menu), diff --git a/ui/src/album/AlbumTableView.js b/ui/src/album/AlbumTableView.js index 6d7fa43a0..b11d55f0e 100644 --- a/ui/src/album/AlbumTableView.js +++ b/ui/src/album/AlbumTableView.js @@ -19,6 +19,7 @@ import { AlbumContextMenu, RatingField, useSelectedFields, + SizeField, } from '../common' import config from '../config' import { DraggableTypes } from '../consts' @@ -95,6 +96,7 @@ const AlbumTableView = ({ ), duration: isDesktop && , + size: isDesktop && , rating: config.enableStarRating && ( { return { albumCount: , songCount: , + size: !isXsmall && , playCount: , rating: config.enableStarRating && ( { /> ), } - }, [classes.ratingField]) + }, [classes.ratingField, isXsmall]) - const columns = useSelectedFields({ - resource: 'artist', - columns: toggleableFields, - }) + const columns = useSelectedFields( + { + resource: 'artist', + columns: toggleableFields, + }, + ['size'] + ) return isXsmall ? (