diff --git a/ui/src/album/AlbumSongs.js b/ui/src/album/AlbumSongs.js
index 22500e562..158735567 100644
--- a/ui/src/album/AlbumSongs.js
+++ b/ui/src/album/AlbumSongs.js
@@ -7,10 +7,18 @@ import {
TextField,
useListController,
DatagridLoading,
+ DatagridBody,
+ DatagridRow,
} from 'react-admin'
import classnames from 'classnames'
import { useDispatch } from 'react-redux'
-import { Card, useMediaQuery } from '@material-ui/core'
+import {
+ Card,
+ useMediaQuery,
+ TableRow,
+ TableCell,
+ Typography,
+} from '@material-ui/core'
import { makeStyles } from '@material-ui/core/styles'
import { playAlbum } from '../audioplayer'
import { DurationField } from '../common'
@@ -60,6 +68,31 @@ const trackName = (r) => {
return name
}
+const SongDatagridRow = (props) => {
+ const { record, children } = props
+ return (
+ <>
+ {record.discSubtitle && record.trackNumber === 1 && (
+
+
+
+ {record.discSubtitle} (disc {record.discNumber})
+
+
+
+ )}
+
+ >
+ )
+}
+
+const SongsDatagridBody = (props) => (
+ } />
+)
+const SongsDatagrid = (props) => (
+ } />
+)
+
const AlbumSongs = (props) => {
const classes = useStyles(props)
const classesToolbar = useStylesListToolbar(props)
@@ -106,7 +139,7 @@ const AlbumSongs = (props) => {
size={'small'}
/>
) : (
- }
rowClick={(id) => dispatch(playAlbum(data, ids, id))}
{...controllerProps}
@@ -125,7 +158,7 @@ const AlbumSongs = (props) => {
)}
{isDesktop && }
-
+
)}