diff --git a/src/lib/components/CreateNewAdventure.svelte b/src/lib/components/CreateNewAdventure.svelte index 7440102..60a01f2 100644 --- a/src/lib/components/CreateNewAdventure.svelte +++ b/src/lib/components/CreateNewAdventure.svelte @@ -83,16 +83,6 @@ } } - async function searchImage() { - try { - const imageUrl = await getImage(newAdventure.name); - newAdventure.imageUrl = imageUrl; - } catch (error) { - console.error(error); - // Handle the error - } - } - let activityInput: string = ""; function activitySetup() { @@ -108,7 +98,11 @@ {#if isImageModalOpen} - (isImageModalOpen = false)} /> + (isImageModalOpen = false)} + /> {/if} @@ -188,7 +182,6 @@ />
-
@@ -211,9 +205,6 @@ - diff --git a/src/lib/components/EditModal.svelte b/src/lib/components/EditModal.svelte index 95c55ba..01b0101 100644 --- a/src/lib/components/EditModal.svelte +++ b/src/lib/components/EditModal.svelte @@ -6,6 +6,7 @@ import { onMount } from "svelte"; import { addActivityType, generateDescription, getImage } from "$lib"; import AutoComplete from "./AutoComplete.svelte"; + import ImageModal from "./ImageModal.svelte"; let modal: HTMLDialogElement; console.log(adventureToEdit.id); @@ -87,8 +88,24 @@ // Handle the error } } + + let isImageModalOpen: boolean = false; + + function upload(e: CustomEvent) { + let key = e.detail; + console.log("EE" + key); + adventureToEdit.imageUrl = key; + } +{#if isImageModalOpen} + (isImageModalOpen = false)} + /> +{/if} + @@ -163,13 +180,15 @@ />
- - +
diff --git a/src/lib/components/ImageModal.svelte b/src/lib/components/ImageModal.svelte index 5d7f7cc..35bccca 100644 --- a/src/lib/components/ImageModal.svelte +++ b/src/lib/components/ImageModal.svelte @@ -1,7 +1,9 @@ @@ -96,7 +107,7 @@