skyfall/skyfalldev
1
0
Fork 0
mirror of https://github.com/SkyfallWasTaken/skyfalldev.git synced 2024-11-10 04:09:38 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix images on blog index

Browse source
This commit is contained in:
SkyfallWasTaken 2024-07-14 14:34:05 +01:00
parent 1bf9af4349
commit 7a553d6457
1 changed files with 20 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/pages/blog/index.astro
View file

@ -34,16 +34,34 @@ let imagesLoadedEagerly = 0;
imagesLoadedEagerly += 1;
}
let heroImage = post.data.heroImage;
let heroImagePromise;
if (heroImage) {
/** @type {Record<string, () => Promise<{default: import('astro').ImageMetadata}>>} */
const images: any = import.meta.glob(
"/src/assets/*.{jpeg,jpg,png,gif}",
);
if (!images[heroImage]) {
throw new Error(
`"${heroImage}" does not exist in glob: "src/assets/*.{jpeg,jpg,png,gif}"`,
);
}
heroImagePromise = images[heroImage];
}
return (
<li>
<a href={`/blog/${post.slug}/`}>
{() => {
if (post.data.heroImage) {
if (heroImagePromise) {
return (
<Image
width={720}
height={360}
src={post.data.heroImage}
src={heroImagePromise()}
loading={shouldLoadEagerly ? "eager" : "lazy"}
class="rounded-md mb-3"
alt=""