diff --git a/src/common/helpers/getServiceLogoUrl.js b/src/common/helpers/getServiceLogoUrl.js index 82e8153..9d2f8a6 100644 --- a/src/common/helpers/getServiceLogoUrl.js +++ b/src/common/helpers/getServiceLogoUrl.js @@ -21,18 +21,15 @@ export default function getServiceLogoUrl(id) { } const encodedId = String(7 + Number(id) * 256); - const match = ServiceImageMap.presentationmap.service.find( + const match = ServiceImageMap.sized.service.find( (i) => i.id == encodedId ); - const attBrandMark = (match?.image || []).find( - (i) => i.placement === 'AttributionBrandmark' - )?._; - const brandLogo = (match?.image || []).find( - (i) => i.placement === 'BrandLogo-v2' + const square = (match?.image || []).find( + (i) => i.placement === 'square' )?._; - return attBrandMark || brandLogo; + return square; } catch (e) { console.log(e); } diff --git a/src/ui/components/AlbumArt.jsx b/src/ui/components/AlbumArt.jsx index 1fd98c7..e211044 100644 --- a/src/ui/components/AlbumArt.jsx +++ b/src/ui/components/AlbumArt.jsx @@ -213,6 +213,8 @@ export const AlbumArt = (props) => { const css = { backgroundImage: `url("${srcUrl}")`, backgroundSize: 'contain', + backgroundRepeat: 'no-repeat', + backgroundPosition: 'center', }; return ( diff --git a/src/ui/components/__tests__/__snapshots__/AlbumArt.test.js.snap b/src/ui/components/__tests__/__snapshots__/AlbumArt.test.js.snap index a6747f3..45a2bb6 100644 --- a/src/ui/components/__tests__/__snapshots__/AlbumArt.test.js.snap +++ b/src/ui/components/__tests__/__snapshots__/AlbumArt.test.js.snap @@ -7,6 +7,6 @@ exports[`AlbumArt renders and matches snapshot 1`] = ` data-loaded="false" data-loading="false" data-src-prop="foo" - style="background-image:url(\\"images/browse_missing_album_art.png\\");background-size:contain" + style="background-image:url(\\"images/browse_missing_album_art.png\\");background-size:contain;background-repeat:no-repeat;background-position:center" /> `;