From 132c10fdc0487f1476acfa28c734ca768f9055dc Mon Sep 17 00:00:00 2001
From: Jake Fulmine <jake@fulmine.xyz>
Date: Sat, 5 Oct 2024 11:12:40 +0200
Subject: [PATCH] fix: navigating tabs through back button works now!

---
 src/routes/dash/[sid]/+page.svelte | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/routes/dash/[sid]/+page.svelte b/src/routes/dash/[sid]/+page.svelte
index aeb263f..b4fa033 100644
--- a/src/routes/dash/[sid]/+page.svelte
+++ b/src/routes/dash/[sid]/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { replaceState } from "$app/navigation"
+  import { goto, pushState } from "$app/navigation"
   import { page } from "$app/stores"
   import GroupHome from "$components/dash/groups/GroupHome.svelte"
   import MemberHome from "$components/dash/members/MemberHome.svelte"
@@ -7,15 +7,13 @@
   import SystemHome from "$components/dash/system/SystemHome.svelte"
 
   let { data } = $props()
-  let tab = $state(data.tab || "overview")
-  $effect(() => {
-    tab = data.tab
-  })
+  let tab = $state($page.url.searchParams.get("tab") || data.tab || "overview")
 
   function changeTab(newTab: string) {
-    let params = $page.url.searchParams.toString()
-    params = params.replace(/tab=.*(?:$|&)/g, "")
-    replaceState(`?tab=${newTab}${params ? "&" + params : ""}`, {})
+    let params = $page.url.searchParams
+    params.delete("tab")
+    params.append("tab", newTab)
+    goto(`?${params.toString()}`, {})
     tab = newTab
   }
 </script>