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 && }