diff --git a/src/common/utils/coverImageUtil.js b/src/common/utils/coverImageUtil.js index 144748e5fc..8f4b8800cf 100644 --- a/src/common/utils/coverImageUtil.js +++ b/src/common/utils/coverImageUtil.js @@ -1,3 +1,5 @@ +import FallbackImage from 'images/play-fallback-cover.png'; + export async function loadCoverImage(playSlug) { const acceptedImgExtensions = [`png`, `jpg`, `jpeg`]; const imgPromises = acceptedImgExtensions.map((ext) => import(`plays/${playSlug}/cover.${ext}`)); @@ -8,5 +10,5 @@ export async function loadCoverImage(playSlug) { (result) => result.status === 'fulfilled' && result.value.default ); - return fulfilledResult?.value.default; + return fulfilledResult?.value.default || FallbackImage; } diff --git a/src/images/play-fallback-cover.png b/src/images/play-fallback-cover.png new file mode 100644 index 0000000000..212aa99061 Binary files /dev/null and b/src/images/play-fallback-cover.png differ