diff --git a/src/components/cardbuilder/cardBuilder.js b/src/components/cardbuilder/cardBuilder.js index 0c167df55..d1a072424 100644 --- a/src/components/cardbuilder/cardBuilder.js +++ b/src/components/cardbuilder/cardBuilder.js @@ -506,7 +506,7 @@ import 'programStyles'; let imgTag = null; let coverImage = false; let uiAspect = null; - let imgType; + let imgType = null; if (options.preferThumb && item.ImageTags && item.ImageTags.Thumb) { imgType = 'Thumb'; @@ -613,9 +613,11 @@ import 'programStyles'; }); } + let blurHashes = options.imageBlurhashes || item.ImageBlurHashes || {}; + return { imgUrl: imgUrl, - blurhash: (item.ImageBlurHashes || {})[imgType], + blurhash: (blurHashes[imgType] || {})[imgTag], forceName: forceName, coverImage: coverImage }; diff --git a/src/components/listview/listview.js b/src/components/listview/listview.js index b29e51362..c51f0c58e 100644 --- a/src/components/listview/listview.js +++ b/src/components/listview/listview.js @@ -93,7 +93,7 @@ define(['itemHelper', 'mediaInfo', 'indicators', 'connectionManager', 'layoutMan itemId = item.ParentPrimaryImageItemId; } - return { url: apiClient.getScaledImageUrl(itemId, options) || null, blurHash: (item.ImageBlurHashes || {})[options.tag] || null}; + return { url: apiClient.getScaledImageUrl(itemId, options), blurHash: (item.ImageBlurHashes || {})[options.type][options.tag]}; } function getChannelImageUrl(item, width) { @@ -108,7 +108,7 @@ define(['itemHelper', 'mediaInfo', 'indicators', 'connectionManager', 'layoutMan options.tag = item.ChannelPrimaryImageTag; } - return { url: apiClient.getScaledImageUrl(item.ChannelId, options) || null, blurhash: (item.ImageBlurHashes || {})[options.tag] || null}; + return { url: apiClient.getScaledImageUrl(item.ChannelId, options), blurhash: (item.ImageBlurHashes || {})[options.type][options.tag]}; } function getTextLinesHtml(textlines, isLargeStyle) { diff --git a/src/controllers/itemDetails.js b/src/controllers/itemDetails.js index d9eab0ac4..bfd3b62b1 100644 --- a/src/controllers/itemDetails.js +++ b/src/controllers/itemDetails.js @@ -1863,7 +1863,8 @@ define(['loading', 'appRouter', 'layoutManager', 'connectionManager', 'userSetti itemsContainer: castContent, coverImage: true, serverId: item.ServerId, - shape: 'overflowPortrait' + shape: 'overflowPortrait', + imageBlurhashes: item.ImageBlurHashes }); }); }