diff --git a/ui/src/song/AlbumLinkField.js b/ui/src/song/AlbumLinkField.js
new file mode 100644
index 000000000..443df08e4
--- /dev/null
+++ b/ui/src/song/AlbumLinkField.js
@@ -0,0 +1,16 @@
+import { Link } from 'react-admin'
+import React from 'react'
+
+export const AlbumLinkField = (props) => (
+ e.stopPropagation()}
+ >
+ {props.record.album}
+
+)
+
+AlbumLinkField.defaultProps = {
+ source: 'albumId',
+ addLabel: true
+}
diff --git a/ui/src/song/SongList.js b/ui/src/song/SongList.js
index 6466a916f..fe0169d4c 100644
--- a/ui/src/song/SongList.js
+++ b/ui/src/song/SongList.js
@@ -4,14 +4,13 @@ import {
Datagrid,
DateField,
Filter,
+ FunctionField,
List,
NumberField,
- ReferenceField,
SearchInput,
Show,
SimpleShowLayout,
- TextField,
- FunctionField
+ TextField
} from 'react-admin'
import { useMediaQuery } from '@material-ui/core'
import {
@@ -26,6 +25,7 @@ import { useDispatch } from 'react-redux'
import { addTrack, setTrack } from '../audioplayer'
import AddIcon from '@material-ui/icons/Add'
import { SongBulkActions } from './SongBulkActions'
+import { AlbumLinkField } from './AlbumLinkField'
const SongFilter = (props) => (
@@ -82,16 +82,7 @@ const SongList = (props) => {
rowClick={(id, basePath, record) => dispatch(setTrack(record))}
>
- {isDesktop && (
-
-
-
- )}
+ {isDesktop && }
{isDesktop && }
{isDesktop && }