From 56ea380bb3dfee2619c506c685e747a242b2c241 Mon Sep 17 00:00:00 2001
From: Deluan <deluan@deluan.com>
Date: Sat, 25 Apr 2020 09:47:56 -0400
Subject: [PATCH] Add link to artist's albums on the album cover

---
 ui/src/album/AlbumGridView.js | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/ui/src/album/AlbumGridView.js b/ui/src/album/AlbumGridView.js
index b9027df0..ab8b0e69 100644
--- a/ui/src/album/AlbumGridView.js
+++ b/ui/src/album/AlbumGridView.js
@@ -3,11 +3,11 @@ import { GridList, GridListTile, GridListTileBar } from '@material-ui/core'
 import { makeStyles } from '@material-ui/core/styles'
 import withWidth from '@material-ui/core/withWidth'
 import { Link } from 'react-router-dom'
-import { linkToRecord } from 'ra-core'
-import { Loading } from 'react-admin'
+import { linkToRecord, Loading } from 'react-admin'
 import subsonic from '../subsonic'
+import { ArtistLinkField } from './ArtistLinkField'
 
-const useStyles = makeStyles((theme) => ({
+const useStyles = makeStyles({
   root: {
     margin: '20px',
   },
@@ -32,7 +32,7 @@ const useStyles = makeStyles((theme) => ({
     textAlign: 'center',
     fontSize: '1em',
   },
-}))
+})
 
 const getColsForWidth = (width) => {
   if (width === 'xs') return 2
@@ -69,7 +69,9 @@ const LoadedAlbumGrid = ({ ids, data, basePath, width }) => {
               title={data[id].name}
               subtitle={
                 <div className={classes.albumArtistName}>
-                  {data[id].albumArtist}
+                  <ArtistLinkField record={data[id]}>
+                    {data[id].albumArtist}
+                  </ArtistLinkField>
                 </div>
               }
             />