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