From e1a960248195f655ed332f750936072e267d22da Mon Sep 17 00:00:00 2001
From: Sean Morley <zipsm15@gmail.com>
Date: Thu, 25 Jul 2024 18:53:55 -0400
Subject: [PATCH] Autoadd

---
 .../src/lib/components/NewAdventure.svelte    | 22 ++++++++++++-
 frontend/src/routes/map/+page.svelte          | 32 +++++++++++++++++--
 2 files changed, 51 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/components/NewAdventure.svelte b/frontend/src/lib/components/NewAdventure.svelte
index a38504f..41e2de5 100644
--- a/frontend/src/lib/components/NewAdventure.svelte
+++ b/frontend/src/lib/components/NewAdventure.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { createEventDispatcher } from 'svelte';
-	import type { Adventure, Point } from '$lib/types';
+	import type { Adventure, OpenStreetMapPlace, Point } from '$lib/types';
 	import { onMount } from 'svelte';
 	import { enhance } from '$app/forms';
 	import { addToast } from '$lib/toasts';
@@ -15,6 +15,7 @@
 	import Wikipedia from '~icons/mdi/wikipedia';
 	import ClipboardList from '~icons/mdi/clipboard-list';
 	import ActivityComplete from './ActivityComplete.svelte';
+	import { appVersion } from '$lib/config';
 
 	let newAdventure: Adventure = {
 		id: NaN,
@@ -37,6 +38,25 @@
 	if (longitude && latitude) {
 		newAdventure.latitude = latitude;
 		newAdventure.longitude = longitude;
+		reverseGeocode();
+	}
+
+	async function reverseGeocode() {
+		let res = await fetch(
+			`https://nominatim.openstreetmap.org/search?q=${newAdventure.latitude},${newAdventure.longitude}&format=jsonv2`,
+			{
+				headers: {
+					'User-Agent': `AdventureLog / ${appVersion} `
+				}
+			}
+		);
+		let data = (await res.json()) as OpenStreetMapPlace[];
+		if (data.length > 0) {
+			newAdventure.name = data[0]?.name || '';
+			newAdventure.activity_types?.push(data[0]?.type || '');
+			newAdventure.location = data[0]?.display_name || '';
+		}
+		console.log(data);
 	}
 
 	let image: File;
diff --git a/frontend/src/routes/map/+page.svelte b/frontend/src/routes/map/+page.svelte
index cae66f2..74029ab 100644
--- a/frontend/src/routes/map/+page.svelte
+++ b/frontend/src/routes/map/+page.svelte
@@ -30,7 +30,34 @@
 		newLatitude = e.detail.lngLat.lat;
 	}
 
-	let markers = data.props.markers;
+	let markers = [];
+
+	$: {
+		markers = data.props.markers;
+	}
+
+	function createNewAdventure(event) {
+		// markers = visited
+		// 		.filter((adventure) => adventure.latitude !== null && adventure.longitude !== null)
+		// 		.map((adventure) => {
+		// 			return {
+		// 				lngLat: [adventure.longitude, adventure.latitude] as [number, number],
+		// 				name: adventure.name,
+		// 				type: adventure.type
+		// 			};
+		// 		});
+		console.log(event.detail);
+
+		let newMarker = {
+			lngLat: [event.detail.longitude, event.detail.latitude],
+			name: event.detail.name,
+			type: 'planned'
+		};
+		markers = [...markers, newMarker];
+		clearMarkers();
+		console.log(markers);
+		createModalOpen = false;
+	}
 
 	let visitedRegions = data.props.visitedRegions;
 
@@ -71,6 +98,7 @@
 		on:close={() => (createModalOpen = false)}
 		longitude={newLongitude}
 		latitude={newLatitude}
+		on:create={createNewAdventure}
 	/>
 {/if}
 
@@ -82,7 +110,7 @@
 	class="relative aspect-[9/16] max-h-[70vh] w-full sm:aspect-video sm:max-h-full"
 	standardControls
 >
-	{#each data.props.markers as { lngLat, name, type }}
+	{#each markers as { lngLat, name, type }}
 		{#if type == 'visited'}
 			<Marker
 				{lngLat}