From 27a0841065ae3869c0f8bc4b77fb80e0e5e6cede Mon Sep 17 00:00:00 2001
From: Deluan <deluan@navidrome.org>
Date: Fri, 17 Jul 2026 19:07:27 -0400
Subject: [PATCH] feat(album): show cover upload overlay on album details

---
 ui/src/album/AlbumDetails.jsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/ui/src/album/AlbumDetails.jsx b/ui/src/album/AlbumDetails.jsx
index cec66eb8b..b0de608f9 100644
--- a/ui/src/album/AlbumDetails.jsx
+++ b/ui/src/album/AlbumDetails.jsx
@@ -26,6 +26,7 @@ import {
   CollapsibleComment,
   DurationField,
   formatRange,
+  ImageUploadOverlay,
   LoveButton,
   RatingField,
   SizeField,
@@ -74,6 +75,7 @@ const useStyles = makeStyles(
         width: '15em',
         minWidth: '15em',
       },
+      position: 'relative',
       backgroundColor: 'transparent',
       display: 'flex',
       alignItems: 'center',
@@ -276,6 +278,11 @@ const AlbumDetails = (props) => {
               cursor: imageError ? 'default' : 'pointer',
             }}
           />
+          <ImageUploadOverlay
+            entityType="album"
+            entityId={record.id}
+            hasUploadedImage={!!record.uploadedImage}
+          />
         </div>
         <div className={classes.details}>
           <CardContent className={classes.content}>