diff --git a/ui/src/album/AlbumDetails.js b/ui/src/album/AlbumDetails.js index e2d21e95d..d2682575e 100644 --- a/ui/src/album/AlbumDetails.js +++ b/ui/src/album/AlbumDetails.js @@ -3,6 +3,7 @@ import { Card, CardContent, CardMedia, Typography } from '@material-ui/core' import { useTranslate } from 'react-admin' import subsonic from '../subsonic' import { DurationField, formatRange } from '../common' +import { ArtistLinkField } from './ArtistLinkField' const AlbumDetails = ({ classes, record }) => { const translate = useTranslate() @@ -29,7 +30,7 @@ const AlbumDetails = ({ classes, record }) => { {record.name} - {record.albumArtist || record.artist} + {genreYear(record)} diff --git a/ui/src/album/ArtistLinkField.js b/ui/src/album/ArtistLinkField.js new file mode 100644 index 000000000..257b98876 --- /dev/null +++ b/ui/src/album/ArtistLinkField.js @@ -0,0 +1,19 @@ +import { Link } from 'react-admin' +import React from 'react' + +export const ArtistLinkField = (props) => { + const filter = { artist_id: props.record.albumArtistId } + const url = `/album?filter=${JSON.stringify( + filter + )}&order=ASC&sort=maxYear&displayedFilters={"compilation":true}` + return ( + e.stopPropagation()}> + {props.record.albumArtist} + + ) +} + +ArtistLinkField.defaultProps = { + source: 'artistId', + addLabel: true +}