first version

frontend/src/lib/components/widgets/image.svelte

@@ -1,19 +1,23 @@
 <script lang="ts">
     import { apiBaseURL } from "../../../config"
+    import { mediaLibrary } from "../../store"
     export let image: FileField
     export let pageId: string
-    export let col: Column
+    export let col: { contentType: "image"; image: string; icons: { icon: string; link: string }[] }
 </script>
 
 <div class="image-container">
-    <img src="{`${apiBaseURL}page/${pageId}/${image?.src}`}" alt="img" />
+    <img src="{`${apiBaseURL}medialib/${image?.src}/${$mediaLibrary[image?.src]?.file?.src}`}" alt="img" />
 </div>
 {#if col && col.icons}
     <div class="icons">
         {#each col.icons as icon}
             <div class="icon">
                 <a href="{icon.link}" style="text-decoration: none;" target="_blank">
-                    <img src="{`${apiBaseURL}page/${pageId}/${icon.icon?.src}`}" alt="img" />
+                    <img
+                        src="{`${apiBaseURL}medialib/${image?.src}/${$mediaLibrary[image?.src]?.file?.src}`}"
+                        alt="img"
+                    />
                 </a>
             </div>
         {/each}