From 9ae9134a9140be56a13417fd15ee30203dd43349 Mon Sep 17 00:00:00 2001
From: Deluan <deluan@navidrome.org>
Date: Mon, 16 Mar 2026 06:46:47 -0400
Subject: [PATCH] feat(ui): integrate CoverArtAvatar component into
 AlbumTableView

Signed-off-by: Deluan <deluan@navidrome.org>
---
 ui/src/album/AlbumTableView.jsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/ui/src/album/AlbumTableView.jsx b/ui/src/album/AlbumTableView.jsx
index 1fa33d76..d1a89d51 100644
--- a/ui/src/album/AlbumTableView.jsx
+++ b/ui/src/album/AlbumTableView.jsx
@@ -14,6 +14,7 @@ import { makeStyles } from '@material-ui/core/styles'
 import { useDrag } from 'react-dnd'
 import {
   ArtistLinkField,
+  CoverArtAvatar,
   DurationField,
   RangeField,
   SimpleList,
@@ -161,12 +162,18 @@ const AlbumTableView = ({
           &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
         </>
       )}
+      leftIcon={(r) => (
+        <span style={{ marginRight: '8px' }}>
+          <CoverArtAvatar record={r} variant="square" />
+        </span>
+      )}
       linkType={'show'}
       rightIcon={(r) => <AlbumContextMenu record={r} />}
       {...rest}
     />
   ) : (
     <AlbumDatagrid rowClick={'show'} classes={{ row: classes.row }} {...rest}>
+      <CoverArtAvatar source="id" variant="square" />
       <TextField source="name" />
       {columns}
       <AlbumContextMenu