From 80bcf4a5f29ab926c2208d5efb4c19087c600323 Mon Sep 17 00:00:00 2001 From: Ariel Costas Guerrero Date: Sun, 7 Sep 2025 19:22:28 +0200 Subject: feat: Enhance StopSheet component with error handling and loading states - Added skeleton loading state to StopSheet for better UX during data fetch. - Implemented error handling with descriptive messages for network and server errors. - Introduced manual refresh functionality to reload stop estimates. - Updated styles for loading and error states. - Created StopSheetSkeleton and TimetableSkeleton components for consistent loading indicators. feat: Improve StopList component with loading indicators and network data fetching - Integrated loading state for StopList while fetching stops from the network. - Added skeleton loading indicators for favourite and recent stops. - Refactored data fetching logic to include favourite and recent stops with full data. - Enhanced user experience with better loading and error handling. feat: Update Timetable component with loading and error handling - Added loading skeletons to Timetable for improved user experience. - Implemented error handling for timetable data fetching. - Refactored data loading logic to handle errors gracefully and provide retry options. chore: Update package dependencies - Upgraded react-router, lucide-react, and other dependencies to their latest versions. - Updated types for TypeScript compatibility. --- src/frontend/app/data/StopDataProvider.ts | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) (limited to 'src/frontend/app/data/StopDataProvider.ts') diff --git a/src/frontend/app/data/StopDataProvider.ts b/src/frontend/app/data/StopDataProvider.ts index efb0414..3959400 100644 --- a/src/frontend/app/data/StopDataProvider.ts +++ b/src/frontend/app/data/StopDataProvider.ts @@ -148,6 +148,21 @@ function getRecent(): number[] { return []; } +function getFavouriteIds(): number[] { + const rawFavouriteStops = localStorage.getItem("favouriteStops"); + if (rawFavouriteStops) { + return JSON.parse(rawFavouriteStops) as number[]; + } + return []; +} + +// New function to load stops from network +async function loadStopsFromNetwork(): Promise { + const response = await fetch("/stops.json"); + const stops = (await response.json()) as Stop[]; + return stops.map((stop) => ({ ...stop, favourite: false } as Stop)); +} + export default { getStops, getStopById, @@ -160,4 +175,6 @@ export default { isFavourite, pushRecent, getRecent, + getFavouriteIds, + loadStopsFromNetwork, }; -- cgit v1.3