From 1e67de6e14f8aef0f0570647da8eb3eac0eed2b1 Mon Sep 17 00:00:00 2001
From: Sean Morley <zipsm15@gmail.com>
Date: Mon, 21 Oct 2024 15:58:39 -0400
Subject: [PATCH] Add type to map tag

---
 frontend/src/routes/map/+page.server.ts |  3 ++-
 frontend/src/routes/map/+page.svelte    | 12 +++++-------
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/frontend/src/routes/map/+page.server.ts b/frontend/src/routes/map/+page.server.ts
index 6bbf24d..7675a5d 100644
--- a/frontend/src/routes/map/+page.server.ts
+++ b/frontend/src/routes/map/+page.server.ts
@@ -44,7 +44,8 @@ export const load = (async (event) => {
 					return {
 						lngLat: [adventure.longitude, adventure.latitude],
 						name: adventure.name,
-						visits: adventure.visits
+						visits: adventure.visits,
+						type: adventure.type,
 					};
 				});
 
diff --git a/frontend/src/routes/map/+page.svelte b/frontend/src/routes/map/+page.svelte
index e2377e7..9cead67 100644
--- a/frontend/src/routes/map/+page.svelte
+++ b/frontend/src/routes/map/+page.svelte
@@ -1,7 +1,7 @@
 <script>
 	// @ts-nocheck
 
-	import { isAdventureVisited } from '$lib';
+	import { isAdventureVisited, typeToString } from '$lib';
 	import AdventureModal from '$lib/components/AdventureModal.svelte';
 	import {
 		DefaultMarker,
@@ -162,6 +162,7 @@
 				<Popup openOn="click" offset={[0, -10]}>
 					<div class="text-lg text-black font-bold">{marker.name}</div>
 					<p class="font-semibold text-black text-md">Visited</p>
+					<p class="font-semibold text-black text-md">{typeToString(marker.type)}</p>
 					{#if marker.visits && marker.visits.length > 0}
 						<p class="text-black text-sm">
 							{#each marker.visits as visit}
@@ -170,9 +171,7 @@
 											timeZone: 'UTC'
 										})
 									: ''}
-								{visit.end_date &&
-								visit.end_date !== '' &&
-								visit.end_date !== visit.start_date
+								{visit.end_date && visit.end_date !== '' && visit.end_date !== visit.start_date
 									? ' - ' +
 										new Date(visit.end_date).toLocaleDateString(undefined, {
 											timeZone: 'UTC'
@@ -202,6 +201,7 @@
 				<Popup openOn="click" offset={[0, -10]}>
 					<div class="text-lg text-black font-bold">{marker.name}</div>
 					<p class="font-semibold text-black text-md">Planned</p>
+					<p class="font-semibold text-black text-md">{typeToString(marker.type)}</p>
 					{#if marker.visits && marker.visits.length > 0}
 						<p class="text-black text-sm">
 							{#each marker.visits as visit}
@@ -210,9 +210,7 @@
 											timeZone: 'UTC'
 										})
 									: ''}
-								{visit.end_date &&
-								visit.end_date !== '' &&
-								visit.end_date !== visit.start_date
+								{visit.end_date && visit.end_date !== '' && visit.end_date !== visit.start_date
 									? ' - ' +
 										new Date(visit.end_date).toLocaleDateString(undefined, {
 											timeZone: 'UTC'