From 13590c5c3cd7bd77105325ff57daa372dce9be1c Mon Sep 17 00:00:00 2001
From: Sean Morley <zipsm15@gmail.com>
Date: Wed, 24 Jul 2024 18:55:40 -0400
Subject: [PATCH] Add location from map

---
 frontend/src/lib/components/NewAdventure.svelte |  9 ++++++---
 frontend/src/routes/map/+page.svelte            | 13 ++++++++++++-
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/frontend/src/lib/components/NewAdventure.svelte b/frontend/src/lib/components/NewAdventure.svelte
index 2656409..a38504f 100644
--- a/frontend/src/lib/components/NewAdventure.svelte
+++ b/frontend/src/lib/components/NewAdventure.svelte
@@ -9,8 +9,8 @@
 
 	export let type: string = 'visited';
 
-	export let longitude: number | undefined = undefined;
-	export let latitude: number | undefined = undefined;
+	export let longitude: number | null = null;
+	export let latitude: number | null = null;
 
 	import Wikipedia from '~icons/mdi/wikipedia';
 	import ClipboardList from '~icons/mdi/clipboard-list';
@@ -145,6 +145,8 @@
 		query={newAdventure.name}
 		on:close={() => (isPointModalOpen = false)}
 		on:submit={setLongLat}
+		latitude={newAdventure.latitude || null}
+		longitude={newAdventure.longitude || null}
 	/>
 {/if}
 
@@ -340,7 +342,8 @@
 						<button
 							type="button"
 							class="btn btn-secondary"
-							on:click={() => (isPointModalOpen = true)}>Define Location</button
+							on:click={() => (isPointModalOpen = true)}
+							>{newAdventure.latitude && newAdventure.longitude ? 'Change' : 'Select'} Location</button
 						>
 					</div>
 					<button type="submit" class="btn btn-primary mr-4 mt-4">Create</button>
diff --git a/frontend/src/routes/map/+page.svelte b/frontend/src/routes/map/+page.svelte
index c1a54c3..cae66f2 100644
--- a/frontend/src/routes/map/+page.svelte
+++ b/frontend/src/routes/map/+page.svelte
@@ -43,6 +43,12 @@
 		visitArray.push(el.region);
 	});
 
+	function clearMarkers() {
+		newMarker = [];
+		newLatitude = null;
+		newLongitude = null;
+	}
+
 	// mapped to the checkbox
 	let showGEO = true;
 
@@ -50,9 +56,14 @@
 </script>
 
 {#if newMarker.length > 0}
-	<button type="button" class="btn btn-primary" on:click={() => (createModalOpen = true)}
+	<button type="button" class="btn btn-primary mb-2" on:click={() => (createModalOpen = true)}
 		>Add New Adventure at Marker</button
 	>
+	<button type="button" class="btn btn-neutral mb-2" on:click={clearMarkers}>Clear Marker</button>
+{:else}
+	<button type="button" class="btn btn-primary mb-2" on:click={() => (createModalOpen = true)}
+		>Add New Adventure</button
+	>
 {/if}
 
 {#if createModalOpen}