🚚 Remove business logic from Component instances

frontend/src/businessData.tsx

@@ -35,44 +35,59 @@ export function BusinessDataProvider(props: { children: JSX.Element }) {
 		return line;
 	}
 
-	const passages = () => {
-		return store.passages;
-	};
-
 	const getLinePassages = (lineId: string) => {
 		return store.passages[lineId];
 	};
 
+	const passages = () => {
+		return store.passages;
+	}
+
+	const refreshPassages = async (stopId: number) => {
+		const httpOptions = { headers: { "Content-Type": "application/json" } };
+		console.log(`Fetching data for ${stopId}`);
+		const data = await fetch(`${serverUrl()}/stop/nextPassages/${stopId}`, httpOptions);
+		const response = await data.json();
+		addPassages(response.passages);
+	}
+
 	const addPassages = (passages) => {
 		setStore((s) => {
-			// console.log("s=", s);
 			setStore('passages', passages);
-			// console.log("s=", s);
 		});
 	}
 
 	const clearPassages = () => {
 		setStore((s) => {
-			// TODO: Really need to set to undefined to reset ?
-			console.log("s=", s);
-			console.log("s.passages=", s.passages);
-			// setStore('passages', undefined);
-			// setStore('passages', {});
-			console.log("Object.keys(s.passages)=", Object.keys(s.passages));
 			for (const lineId of Object.keys(s.passages)) {
-				console.log("lineId=", lineId);
 				setStore('passages', lineId, undefined);
 			}
-			console.log("s=", s);
 		});
-		//     setStore('passages', undefined);
-		//     setStore('passages', {});
-		// }
-		console.log("passages=", store.passages);
+	}
+
+	const getStop = (stopId: int) => {
+		return store.stops[stopId];
+	}
+
+	const searchStopByName = async (name: string) => {
+		const data = await fetch(`${serverUrl()}/stop/?name=${name}`, {
+			headers: { 'Content-Type': 'application/json' }
+		});
+		const stops = await data.json();
+
+		const byIdStops = {};
+		for (const stop of stops) {
+			byIdStops[stop.id] = stop;
+			setStore('stops', stop.id, stop);
+		}
+		return byIdStops;
 	}
 
 	return (
-		<BusinessDataContext.Provider value={{ getLine, passages, getLinePassages, addPassages, clearPassages, serverUrl }}>
+		<BusinessDataContext.Provider value={{
+			getLine, getLinePassages, passages, refreshPassages, clearPassages,
+			getStop, searchStopByName
+		}}>
 			{props.children}
 		</BusinessDataContext.Provider>
 	);