diff --git a/ui/src/album/AlbumList.jsx b/ui/src/album/AlbumList.jsx index 142457f12..57fce81e0 100644 --- a/ui/src/album/AlbumList.jsx +++ b/ui/src/album/AlbumList.jsx @@ -196,6 +196,7 @@ const AlbumList = (props) => { 'songCount', 'playCount', 'year', + 'mood', 'duration', 'rating', 'size', diff --git a/ui/src/album/AlbumTableView.jsx b/ui/src/album/AlbumTableView.jsx index 7240f453b..1fa33d769 100644 --- a/ui/src/album/AlbumTableView.jsx +++ b/ui/src/album/AlbumTableView.jsx @@ -6,6 +6,7 @@ import { DateField, NumberField, TextField, + FunctionField, } from 'react-admin' import { useMediaQuery } from '@material-ui/core' import FavoriteBorderIcon from '@material-ui/icons/FavoriteBorder' @@ -107,6 +108,13 @@ const AlbumTableView = ({ year: ( ), + mood: isDesktop && ( + r.tags?.mood?.[0] || ''} + sortable={false} + /> + ), duration: isDesktop && , size: isDesktop && , rating: config.enableStarRating && ( @@ -124,7 +132,7 @@ const AlbumTableView = ({ const columns = useSelectedFields({ resource: 'album', columns: toggleableFields, - defaultOff: ['createdAt'], + defaultOff: ['createdAt', 'size', 'mood'], }) return isXsmall ? ( diff --git a/ui/src/song/SongList.jsx b/ui/src/song/SongList.jsx index 78182a36a..02d28d44f 100644 --- a/ui/src/song/SongList.jsx +++ b/ui/src/song/SongList.jsx @@ -168,6 +168,13 @@ const SongList = (props) => { ), bpm: isDesktop && , genre: , + mood: isDesktop && ( + r.tags?.mood?.[0] || ''} + sortable={false} + /> + ), comment: , path: , createdAt: , @@ -183,6 +190,7 @@ const SongList = (props) => { 'playDate', 'albumArtist', 'genre', + 'mood', 'comment', 'path', 'createdAt',