From cb84bdb8ad27cdc719efc940cb44c0b42f30c02f Mon Sep 17 00:00:00 2001 From: Pascal Opitz Date: Wed, 27 Mar 2024 21:48:46 +1030 Subject: [PATCH] Fix service logos --- src/common/helpers/getServiceLogoUrl.js | 11 ++++------- src/ui/components/AlbumArt.jsx | 2 ++ .../__tests__/__snapshots__/AlbumArt.test.js.snap | 2 +- 3 files changed, 7 insertions(+), 8 deletions(-) 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" /> `;