Set all image sizes to small

Ralf-Pauli · Dec 18, 2024 · 383bd46 · 383bd46
1 parent 6859afb
commit 383bd46
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 11 deletions.
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -15,10 +15,10 @@
   // Function to update category images with full URLs
   function updateCategoryImages(categories: Array<{ image?: { url: string } }>) {
     return categories.map((category) => {
-      const imageUrl = category.image?.url;
+      const imageUrl = category.image?.formats.small.url;
 
       if (imageUrl) {
-        const fullUrl = imageUrl.startsWith("http") ? imageUrl : `${PUBLIC_STRAPI_HOST}${imageUrl}`;
+        const fullUrl = `${PUBLIC_STRAPI_HOST}${imageUrl}`;
         return { ...category, image: { ...category.image, url: fullUrl } };
       }
 

diff --git a/src/routes/galerie/+page.svelte b/src/routes/galerie/+page.svelte
@@ -4,20 +4,13 @@
   import { PUBLIC_STRAPI_HOST } from "$env/static/public";
 
   export let data: PageData;
-
-  const allImages = data.images.map((image: any) => ({
-    alt: image.alternativeText,
-    src: PUBLIC_STRAPI_HOST + image.url,
-    height: image.height,
-    width: image.width,
-  }));
 </script>
 
 <div class="max-w-5xl mx-auto flex gap-20">
   <div class="columns-1 md:columns-3 gap-6">
-    {#each allImages as image}
+    {#each data.images as image}
       <div class="p-3 md:p-0">
-        <img class="md:mb-6 rounded-xl" src={image.src} alt={image.alt} />
+        <img class="md:mb-6 rounded-xl" src={PUBLIC_STRAPI_HOST + image.formats.small.url} alt={image.alt} />
       </div>
     {/each}
   </div>