From 296458a7cf35fca6716cee96cba152faca0e2fa8 Mon Sep 17 00:00:00 2001
From: robin <binkrassdufass@gmail.com>
Date: Sat, 18 Nov 2023 16:20:51 +0000
Subject: [PATCH] fix

---
 .../lib/components/Pagebuilder/Pagebuilder.svelte   |  1 -
 frontend/src/lib/components/Pagebuilder/Rows.svelte | 13 +++++++------
 .../src/lib/components/widgets/iconBlock.svelte     |  3 ++-
 3 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/frontend/src/lib/components/Pagebuilder/Pagebuilder.svelte b/frontend/src/lib/components/Pagebuilder/Pagebuilder.svelte
index de574ae..c289e3b 100644
--- a/frontend/src/lib/components/Pagebuilder/Pagebuilder.svelte
+++ b/frontend/src/lib/components/Pagebuilder/Pagebuilder.svelte
@@ -26,7 +26,6 @@
     export let i: number
     export let page: Page
     export let personPage: boolean
-    console.log("page", page, personPage)
     window.addEventListener("popstate", function (event) {
         $rerender = $rerender + 1
     })
diff --git a/frontend/src/lib/components/Pagebuilder/Rows.svelte b/frontend/src/lib/components/Pagebuilder/Rows.svelte
index cb5377a..ecfc412 100644
--- a/frontend/src/lib/components/Pagebuilder/Rows.svelte
+++ b/frontend/src/lib/components/Pagebuilder/Rows.svelte
@@ -62,14 +62,15 @@
                     ? 'margin-top: 0px; padding-top: 0px;'
                     : ''}"
             >
-                {#if row.backgroundImage && mediaLibrary[row.backgroundImage]}
+                {#if row.backgroundImage && $mediaLibrary[row.backgroundImage]}
                     <div class="background-image">
-                        <img
-                            src="{`${apiBaseURL}medialib/${row?.backgroundImage}/${
-                                mediaLibrary?.[row?.backgroundImage]?.file?.src
+                        <svg
+                            stroke="{'white'}"
+                            fill="{'white'}"
+                            data-src="{`${apiBaseURL}medialib/${row?.backgroundImage}/${
+                                $mediaLibrary?.[row?.backgroundImage]?.file?.src
                             }`}"
-                            alt="img"
-                        />
+                           ></svg>
                     </div>
                 {/if}
                 <div class="content" class:bright="{row.backgroundImage}">
diff --git a/frontend/src/lib/components/widgets/iconBlock.svelte b/frontend/src/lib/components/widgets/iconBlock.svelte
index 2f57701..5d918dd 100644
--- a/frontend/src/lib/components/widgets/iconBlock.svelte
+++ b/frontend/src/lib/components/widgets/iconBlock.svelte
@@ -4,12 +4,13 @@
 
     export let pageId: string
     export let col: Column
+    console.log("icons:", col.iconBlocks, $mediaLibrary, $mediaLibrary[col.iconBlocks[0].icon])
 </script>
 
 <div class="iconBlock">
     {#each col.iconBlocks as icon}
         <div class="icon">
-            <img src="{`${apiBaseURL}medialib/${icon.icon}/${mediaLibrary?.[icon?.icon]?.file?.src}`}" alt="img" />
+            <img src="{`${apiBaseURL}medialib/${icon.icon}/${$mediaLibrary?.[icon?.icon]?.file?.src}`}" alt="img" />
             <div class="text">
                 <em>{icon.bigText}</em>
                 <p>{icon.smallText}</p>