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 (