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',