From bf2b0356ee2e413b36a9e9a5930c1ce20e211765 Mon Sep 17 00:00:00 2001
From: ken-zlai <ken@zipline.ai>
Date: Tue, 10 Dec 2024 11:01:31 -0500
Subject: [PATCH] sync the metric type toggle ui when url changes

---
 .../lib/components/MetricTypeToggle/MetricTypeToggle.svelte    | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/frontend/src/lib/components/MetricTypeToggle/MetricTypeToggle.svelte b/frontend/src/lib/components/MetricTypeToggle/MetricTypeToggle.svelte
index 609788e8a7..028dc6f762 100644
--- a/frontend/src/lib/components/MetricTypeToggle/MetricTypeToggle.svelte
+++ b/frontend/src/lib/components/MetricTypeToggle/MetricTypeToggle.svelte
@@ -9,13 +9,12 @@
 	import { page } from '$app/stores';
 	import { goto } from '$app/navigation';
 
-	let selected = getMetricTypeFromParams(new URL($page.url).searchParams);
+	let selected = $derived(getMetricTypeFromParams(new URL($page.url).searchParams));
 
 	function toggle(value: MetricType) {
 		const url = new URL($page.url);
 		url.searchParams.set('metric', value);
 		goto(url, { replaceState: true });
-		selected = value;
 	}
 </script>