autonomic-cooperative/astro-payload-test
0
0
Fork 0
generated from autonomic-cooperative/astro-payload-template
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add fallback for img src's
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
tobias 2024-05-19 18:59:51 +02:00
parent 523b7c9fd7
commit 0a2dde8009
3 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
astro/public/not-found.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.6 KiB

2
astro/src/components/Content.astro
View File

@ -12,7 +12,7 @@ const contentArray = getContentArray(content);
} else {
return (
<Image
src={getImageSrc(value.src)}
src={getImageSrc(value.src) || "/not-found.png"}
width={value.width}
height={value.height}
format="webp"

8
astro/src/components/Post.astro
View File

@ -8,10 +8,10 @@ const { post } = Astro.props;
href={`/posts/${post.id}/`}
>
<article class="flex px-5 py-3 gap-8">
<Image
src={post.thumbnail.url}
height="150"
aspectRatio="1"
<Image
src={post.thumbnail.url || "/not-found"}
height={150}
aspectRatio={1}
format="webp"
alt={post.thumbnail.alt}
/>