From 8d608ac5b2220ae886f47541d9e471a43c3497c8 Mon Sep 17 00:00:00 2001
From: Deluan <deluan@navidrome.org>
Date: Sat, 7 Nov 2020 22:45:04 -0500
Subject: [PATCH] Faster display of cover in album detail view

---
 ui/src/album/AlbumDetails.js | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/ui/src/album/AlbumDetails.js b/ui/src/album/AlbumDetails.js
index 9ab489dd5..65becef5a 100644
--- a/ui/src/album/AlbumDetails.js
+++ b/ui/src/album/AlbumDetails.js
@@ -22,7 +22,16 @@ const AlbumDetails = ({ classes, record }) => {
     return genreDateLine.join(' · ')
   }
 
-  const imageUrl = subsonic.url('getCoverArt', record.coverArtId || 'not_found')
+  const imageUrl = subsonic.url(
+    'getCoverArt',
+    record.coverArtId || 'not_found',
+    { size: 300 }
+  )
+
+  const fullImageUrl = subsonic.url(
+    'getCoverArt',
+    record.coverArtId || 'not_found'
+  )
 
   const handleOpenLightbox = React.useCallback(() => setLightboxOpen(true), [])
   const handleCloseLightbox = React.useCallback(
@@ -59,7 +68,7 @@ const AlbumDetails = ({ classes, record }) => {
           imagePadding={50}
           animationDuration={200}
           imageTitle={record.name}
-          mainSrc={imageUrl}
+          mainSrc={fullImageUrl}
           onCloseRequest={handleCloseLightbox}
         />
       )}