Use consolidated data API in map sheet with shared card component (#100)

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: arielcostas <94913521+arielcostas@users.noreply.github.com>
Co-authored-by: Ariel Costas Guerrero <ariel@costas.dev>

3 files changed, 13 insertions, 14 deletions

diff --git a/src/frontend/app/data/LineColors.ts b/src/frontend/app/data/LineColors.ts
index f0599a3..85a7c54 100644
--- a/src/frontend/app/data/LineColors.ts
+++ b/src/frontend/app/data/LineColors.ts
@@ -58,15 +58,14 @@ const defaultLineColor: LineColorInfo = {
   text: "#ffffff",
 };
 
-export function getLineColor(
-  region: RegionId,
-  line: string,
-): LineColorInfo {
-  let formattedLine =  /^[a-zA-Z]/.test(line) ? line : `L${line}`;
+export function getLineColor(region: RegionId, line: string): LineColorInfo {
+  let formattedLine = /^[a-zA-Z]/.test(line) ? line : `L${line}`;
   formattedLine = formattedLine.toLowerCase().trim();
 
   if (region === "vigo") {
-    return vigoLineColors[formattedLine.toLowerCase().trim()] ?? defaultLineColor;
+    return (
+      vigoLineColors[formattedLine.toLowerCase().trim()] ?? defaultLineColor
+    );
   }
 
   return defaultLineColor;
diff --git a/src/frontend/app/data/RegionConfig.ts b/src/frontend/app/data/RegionConfig.ts
index 0c188ef..8acfbbf 100644
--- a/src/frontend/app/data/RegionConfig.ts
+++ b/src/frontend/app/data/RegionConfig.ts
@@ -33,7 +33,7 @@ export const REGIONS: Record<RegionId, RegionConfig> = {
     textColour: "#e72b37",
     defaultZoom: 14,
     showMeters: true,
-  }
+  },
 };
 
 export const DEFAULT_REGION: RegionId = "vigo";
diff --git a/src/frontend/app/data/StopDataProvider.ts b/src/frontend/app/data/StopDataProvider.ts
index e3936b4..b4e877f 100644
--- a/src/frontend/app/data/StopDataProvider.ts
+++ b/src/frontend/app/data/StopDataProvider.ts
@@ -63,7 +63,7 @@ async function getStops(region: RegionId): Promise<Stop[]> {
   const rawFav = localStorage.getItem(`favouriteStops_${region}`);
   const favouriteStops = rawFav ? (JSON.parse(rawFav) as number[]) : [];
   cachedStopsByRegion[region]!.forEach(
-    (stop) => (stop.favourite = favouriteStops.includes(stop.stopId)),
+    (stop) => (stop.favourite = favouriteStops.includes(stop.stopId))
   );
   return cachedStopsByRegion[region]!;
 }
@@ -71,7 +71,7 @@ async function getStops(region: RegionId): Promise<Stop[]> {
 // New: get single stop by id
 async function getStopById(
   region: RegionId,
-  stopId: number,
+  stopId: number
 ): Promise<Stop | undefined> {
   await initStops(region);
   const stop = stopsMapByRegion[region]?.[stopId];
@@ -99,7 +99,7 @@ function setCustomName(region: RegionId, stopId: number, label: string) {
   customNamesByRegion[region][stopId] = label;
   localStorage.setItem(
     `customStopNames_${region}`,
-    JSON.stringify(customNamesByRegion[region]),
+    JSON.stringify(customNamesByRegion[region])
   );
 }
 
@@ -108,7 +108,7 @@ function removeCustomName(region: RegionId, stopId: number) {
     delete customNamesByRegion[region][stopId];
     localStorage.setItem(
       `customStopNames_${region}`,
-      JSON.stringify(customNamesByRegion[region]),
+      JSON.stringify(customNamesByRegion[region])
     );
   }
 }
@@ -129,7 +129,7 @@ function addFavourite(region: RegionId, stopId: number) {
     favouriteStops.push(stopId);
     localStorage.setItem(
       `favouriteStops_${region}`,
-      JSON.stringify(favouriteStops),
+      JSON.stringify(favouriteStops)
     );
   }
 }
@@ -144,7 +144,7 @@ function removeFavourite(region: RegionId, stopId: number) {
   const newFavouriteStops = favouriteStops.filter((id) => id !== stopId);
   localStorage.setItem(
     `favouriteStops_${region}`,
-    JSON.stringify(newFavouriteStops),
+    JSON.stringify(newFavouriteStops)
   );
 }
 
@@ -175,7 +175,7 @@ function pushRecent(region: RegionId, stopId: number) {
 
   localStorage.setItem(
     `recentStops_${region}`,
-    JSON.stringify(Array.from(recentStops)),
+    JSON.stringify(Array.from(recentStops))
   );
 }