From 32798c7c41305b2d94c9e0489d1426c1bed1b793 Mon Sep 17 00:00:00 2001
From: Maarten <maartenzam@gmail.com>
Date: Tue, 29 Oct 2024 11:37:50 +0100
Subject: [PATCH] Zoom timeline on mobile

---
 src/lib/components/TimelineMobile.svelte | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/TimelineMobile.svelte b/src/lib/components/TimelineMobile.svelte
index 6fc1f8f..ffbcb00 100644
--- a/src/lib/components/TimelineMobile.svelte
+++ b/src/lib/components/TimelineMobile.svelte
@@ -1,7 +1,8 @@
 <script>
 	import { scaleUtc, scalePoint, scaleOrdinal, scaleLinear } from 'd3-scale';
-	import { max, extent } from 'd3-array';
+	import { max } from 'd3-array';
 	import { utcFormat } from 'd3-time-format';
+	import { timeRangeFilter } from '../../stores/filters';
 
 	export let cases;
 	export let modalOpen;
@@ -17,9 +18,7 @@
 	let width;
 	let height = 500;
 
-	$: dateExtent = extent(cases.map((d) => new Date(d.attribution_date)));
-
-	$: yScale = scaleUtc(dateExtent, [0, height - margins.top - margins.bottom]);
+	$: yScale = scaleUtc($timeRangeFilter, [0, height - margins.top - margins.bottom]);
 	$: opacityScale = scaleLinear()
 		.domain([0, max(cases.map(d => d.attribution_total_score))])
 		.range([0.2, 1])