diff --git a/ui/src/album/AlbumSongs.js b/ui/src/album/AlbumSongs.js
index b98370853..781c43a5f 100644
--- a/ui/src/album/AlbumSongs.js
+++ b/ui/src/album/AlbumSongs.js
@@ -6,6 +6,7 @@ import {
NumberField,
useVersion,
useListContext,
+ FunctionField,
} from 'react-admin'
import clsx from 'clsx'
import { useDispatch } from 'react-redux'
@@ -110,6 +111,13 @@ const AlbumSongs = (props) => {
),
artist: isDesktop && ,
duration: ,
+ year: isDesktop && (
+ r.year || ''}
+ sortByOrder={'DESC'}
+ />
+ ),
quality: isDesktop && ,
bpm: isDesktop && ,
rating: isDesktop && config.enableStarRating && (
@@ -127,7 +135,7 @@ const AlbumSongs = (props) => {
resource: 'albumSong',
columns: toggleableFields,
omittedColumns: ['title'],
- defaultOff: ['bpm'],
+ defaultOff: ['bpm', 'year'],
})
return (
diff --git a/ui/src/playlist/PlaylistSongs.js b/ui/src/playlist/PlaylistSongs.js
index b3c6fec00..85985acd3 100644
--- a/ui/src/playlist/PlaylistSongs.js
+++ b/ui/src/playlist/PlaylistSongs.js
@@ -10,6 +10,7 @@ import {
useVersion,
useListContext,
ListBase,
+ FunctionField,
} from 'react-admin'
import clsx from 'clsx'
import { useDispatch } from 'react-redux'
@@ -139,6 +140,13 @@ const PlaylistSongs = ({ playlistId, readOnly, actions, ...props }) => {
duration: (
),
+ year: isDesktop && (
+ r.year || ''}
+ sortByOrder={'DESC'}
+ />
+ ),
quality: isDesktop && ,
bpm: isDesktop && ,
}
@@ -147,7 +155,7 @@ const PlaylistSongs = ({ playlistId, readOnly, actions, ...props }) => {
const columns = useSelectedFields({
resource: 'playlistTrack',
columns: toggleableFields,
- defaultOff: ['bpm'],
+ defaultOff: ['bpm', 'year'],
})
return (