From 66818b25ec8ab896b90ec6dbe41d6a42562243a0 Mon Sep 17 00:00:00 2001 From: Steve Richter Date: Fri, 30 Sep 2022 13:33:35 -0400 Subject: [PATCH] Allow ExternalLink icons to be styled (#1503) * Allow ArtistExternalLink icons to be styled * Allow AlbumExternalLink icons to be styled * Standardize external links' classes to kebab-case Co-authored-by: Deluan --- ui/src/album/AlbumExternalLinks.js | 4 ++-- ui/src/artist/ArtistExternalLink.js | 12 ++++++++++-- ui/src/icons/MusicBrainz.js | 8 ++++++++ 3 files changed, 20 insertions(+), 4 deletions(-) diff --git a/ui/src/album/AlbumExternalLinks.js b/ui/src/album/AlbumExternalLinks.js index 1d964c9a..db44ddca 100644 --- a/ui/src/album/AlbumExternalLinks.js +++ b/ui/src/album/AlbumExternalLinks.js @@ -33,14 +33,14 @@ const AlbumExternalLinks = (props) => { encodeURIComponent(record.name) }`, 'message.openIn.lastfm', - + ) record.mbzAlbumId && addLink( `https://musicbrainz.org/release/${record.mbzAlbumId}`, 'message.openIn.musicbrainz', - + ) return
{intersperse(links, ' ')}
diff --git a/ui/src/artist/ArtistExternalLink.js b/ui/src/artist/ArtistExternalLink.js index aafd74f1..03a3575d 100644 --- a/ui/src/artist/ArtistExternalLink.js +++ b/ui/src/artist/ArtistExternalLink.js @@ -36,9 +36,17 @@ const ArtistExternalLinks = ({ artistInfo, record }) => { linkButtons.push({link}) } - addLink(links[0], 'message.openIn.lastfm', ) + addLink( + links[0], + 'message.openIn.lastfm', + + ) artistInfo?.musicBrainzId && - addLink(links[1], 'message.openIn.musicbrainz', ) + addLink( + links[1], + 'message.openIn.musicbrainz', + + ) return
{intersperse(linkButtons, ' ')}
} diff --git a/ui/src/icons/MusicBrainz.js b/ui/src/icons/MusicBrainz.js index cc2e3d94..381d8917 100644 --- a/ui/src/icons/MusicBrainz.js +++ b/ui/src/icons/MusicBrainz.js @@ -4,6 +4,14 @@ import SvgIcon from '@material-ui/core/SvgIcon' const MusicBrainz = (props) => { return ( + + + + + + + + )