Fix service logos

pascalopitz · Mar 27, 2024 · cb84bdb · cb84bdb
1 parent 7ca7f5c
commit cb84bdb
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 8 deletions.
diff --git 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
@@ -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
@@ -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"
 />
 `;