From 797c5f551b1bb6ddb139704eb9e8953c3bc1a8c8 Mon Sep 17 00:00:00 2001
From: Ariel Costas Guerrero <94913521+arielcostas@users.noreply.github.com>
Date: Mon, 3 Mar 2025 21:59:43 +0100
Subject: Fix build errors & lint a bit

---
 src/pages/Estimates.tsx | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

(limited to 'src/pages/Estimates.tsx')

diff --git a/src/pages/Estimates.tsx b/src/pages/Estimates.tsx
index 3f002be..a445300 100644
--- a/src/pages/Estimates.tsx
+++ b/src/pages/Estimates.tsx
@@ -1,5 +1,5 @@
-import { useEffect, useState } from "react";
-import { Link, useParams } from "react-router";
+import { JSX, useEffect, useState } from "react";
+import { useParams } from "react-router";
 import { StopDataProvider } from "../data/StopDataProvider";
 import LineIcon from "../components/LineIcon";
 import { Star } from 'lucide-react';
@@ -20,31 +20,33 @@ interface StopDetails {
 	}[]
 }
 
+const sdp = new StopDataProvider();
+
+const loadData = async (stopId: string) => {
+	const resp = await fetch(`/api/GetStopEstimates?id=${stopId}`);
+	return await resp.json();
+};
+
 export function Estimates(): JSX.Element {
-	const sdp = new StopDataProvider();
 	const [data, setData] = useState<StopDetails | null>(null);
 	const [dataDate, setDataDate] = useState<Date | null>(null);
 	const [favourited, setFavourited] = useState(false);
 	const params = useParams();
 
-	const loadData = () => {
-		fetch(`/api/GetStopEstimates?id=${params.stopId}`)
-			.then(r => r.json())
+	useEffect(() => {
+		loadData(params.stopId!)
 			.then((body: StopDetails) => {
 				setData(body);
 				setDataDate(new Date());
-			});
-	};
+			})
 
-	useEffect(() => {
-		loadData();
 
 		sdp.pushRecent(parseInt(params.stopId ?? ""));
 
 		setFavourited(
 			sdp.isFavourite(parseInt(params.stopId ?? ""))
 		);
-	}, []);
+	}, [params.stopId]);
 
 	const absoluteArrivalTime = (minutes: number) => {
 		const now = new Date()
-- 
cgit v1.3

