version two

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

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