From c0f2d060dbd6f3797b2dbd3a2b550200f05ac420 Mon Sep 17 00:00:00 2001
From: Sean Morley <mail@seanmorley.com>
Date: Fri, 6 Jun 2025 11:00:46 -0400
Subject: [PATCH] fix: update marker colors based on visit status for
 countries, regions, and cities

---
 frontend/src/routes/worldtravel/+page.svelte           | 8 +++++++-
 frontend/src/routes/worldtravel/[id]/+page.svelte      | 4 ++--
 frontend/src/routes/worldtravel/[id]/[id]/+page.svelte | 4 ++--
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/frontend/src/routes/worldtravel/+page.svelte b/frontend/src/routes/worldtravel/+page.svelte
index c0bc41c..8359fa3 100644
--- a/frontend/src/routes/worldtravel/+page.svelte
+++ b/frontend/src/routes/worldtravel/+page.svelte
@@ -142,7 +142,13 @@
 				{#if country.latitude && country.longitude}
 					<Marker
 						lngLat={[country.longitude, country.latitude]}
-						class="grid px-2 py-1 place-items-center rounded-full border border-gray-200 bg-green-200 text-black focus:outline-6 focus:outline-black"
+						class={`grid px-2 py-1 place-items-center rounded-full border border-gray-200 ${
+							country.num_visits === 0
+								? 'bg-red-200'
+								: country.num_visits === country.num_regions
+									? 'bg-green-200'
+									: 'bg-blue-200'
+						} text-black focus:outline-6 focus:outline-black`}
 						on:click={() => goto(`/worldtravel/${country.country_code}`)}
 					>
 						<span class="text-xs">
diff --git a/frontend/src/routes/worldtravel/[id]/+page.svelte b/frontend/src/routes/worldtravel/[id]/+page.svelte
index 42016c7..8d3de77 100644
--- a/frontend/src/routes/worldtravel/[id]/+page.svelte
+++ b/frontend/src/routes/worldtravel/[id]/+page.svelte
@@ -173,8 +173,8 @@
 					class="grid px-2 py-1 place-items-center rounded-full border border-gray-200 {visitedRegions.some(
 						(visitedRegion) => visitedRegion.region === region.id
 					)
-						? 'bg-red-300'
-						: 'bg-blue-300'} text-black focus:outline-6 focus:outline-black"
+						? 'bg-green-200'
+						: 'bg-red-200'} text-black focus:outline-6 focus:outline-black"
 					on:click={togleVisited(region)}
 				>
 					<span class="text-xs">
diff --git a/frontend/src/routes/worldtravel/[id]/[id]/+page.svelte b/frontend/src/routes/worldtravel/[id]/[id]/+page.svelte
index d5a8ea8..f221298 100644
--- a/frontend/src/routes/worldtravel/[id]/[id]/+page.svelte
+++ b/frontend/src/routes/worldtravel/[id]/[id]/+page.svelte
@@ -117,8 +117,8 @@
 						class="grid px-2 py-1 place-items-center rounded-full border border-gray-200 {visitedCities.some(
 							(visitedCity) => visitedCity.city === city.id
 						)
-							? 'bg-red-300'
-							: 'bg-blue-300'} text-black focus:outline-6 focus:outline-black"
+							? 'bg-green-200'
+							: 'bg-red-200'} text-black focus:outline-6 focus:outline-black"
 						on:click={togleVisited(city)}
 					>
 						<span class="text-xs">