From 01cde6bd6b693726c795f516089f1f115c646b9d Mon Sep 17 00:00:00 2001
From: Dustin Carlino <dabreegster@gmail.com>
Date: Sun, 18 Aug 2024 14:59:26 +0100
Subject: [PATCH] Fix problem with changing area. #11

---
 web/src/NavBar.svelte | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/web/src/NavBar.svelte b/web/src/NavBar.svelte
index e1976d8..70f3a9a 100644
--- a/web/src/NavBar.svelte
+++ b/web/src/NavBar.svelte
@@ -1,13 +1,19 @@
 <script lang="ts">
   import { mode, routeMode } from "./stores";
+
+  function titleMode() {
+    let url = new URL(window.location.href);
+    url.searchParams.delete("study_area");
+    window.history.replaceState(null, "", url.toString());
+
+    $mode = { kind: "title" };
+  }
 </script>
 
 <nav>
   <ul>
     <li>
-      <button on:click={() => ($mode = { kind: "title" })}
-        >Change study area</button
-      >
+      <button on:click={titleMode}>Change study area</button>
     </li>
 
     <li>