From 763bcafdacb5c9ba714194a7d237bec062380673 Mon Sep 17 00:00:00 2001
From: Deluan <deluan@navidrome.org>
Date: Sat, 24 Jul 2021 19:52:15 -0400
Subject: [PATCH] Use Tooltip in links to external sites

---
 ui/src/album/AlbumDetails.js | 26 +++++++++++++++++---------
 1 file changed, 17 insertions(+), 9 deletions(-)

diff --git a/ui/src/album/AlbumDetails.js b/ui/src/album/AlbumDetails.js
index 0d6697f1e..92243bb92 100644
--- a/ui/src/album/AlbumDetails.js
+++ b/ui/src/album/AlbumDetails.js
@@ -5,6 +5,7 @@ import {
   CardMedia,
   Collapse,
   IconButton,
+  Tooltip,
   makeStyles,
   Typography,
   useMediaQuery,
@@ -201,9 +202,14 @@ const Links = (props) => {
       target="_blank"
       rel="noopener noreferrer"
     >
-      <IconButton size={'small'} title={translate('message.openIn.lastfm')}>
-        <ImLastfm2 />
-      </IconButton>
+      <Tooltip title={translate('message.openIn.lastfm')}>
+        <IconButton
+          size={'small'}
+          aria-label={translate('message.openIn.lastfm')}
+        >
+          <ImLastfm2 />
+        </IconButton>
+      </Tooltip>
     </Link>
   )
 
@@ -214,12 +220,14 @@ const Links = (props) => {
         target="_blank"
         rel="noopener noreferrer"
       >
-        <IconButton
-          size={'small'}
-          title={translate('message.openIn.musicbrainz')}
-        >
-          <MusicBrainz />
-        </IconButton>
+        <Tooltip title={translate('message.openIn.musicbrainz')}>
+          <IconButton
+            size={'small'}
+            aria-label={translate('message.openIn.musicbrainz')}
+          >
+            <MusicBrainz />
+          </IconButton>
+        </Tooltip>
       </Link>
     )