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 ? (