feat: Add date parameter to GetRouteDetails and update fetchRouteDetails to support date queries

feat: Enhance localization with new date-related strings in English, Spanish, and Galician
feat: Improve RouteDetailsPage with layout options and date selection for better user experience

1 files changed, 18 insertions, 6 deletions

diff --git a/src/frontend/app/api/transit.ts b/src/frontend/app/api/transit.ts
index 317271a..fbff5fa 100644
--- a/src/frontend/app/api/transit.ts
+++ b/src/frontend/app/api/transit.ts
@@ -23,12 +23,24 @@ export const fetchRoutes = async (feeds: string[] = []): Promise<Route[]> => {
   return RouteSchema.array().parse(data);
 };
 
-export const fetchRouteDetails = async (id: string): Promise<RouteDetails> => {
-  const resp = await fetch(`/api/transit/routes/${encodeURIComponent(id)}`, {
-    headers: {
-      Accept: "application/json",
-    },
-  });
+export const fetchRouteDetails = async (
+  id: string,
+  date?: string
+): Promise<RouteDetails> => {
+  const params = new URLSearchParams();
+  if (date) {
+    params.set("date", date);
+  }
+
+  const query = params.toString();
+  const resp = await fetch(
+    `/api/transit/routes/${encodeURIComponent(id)}${query ? `?${query}` : ""}`,
+    {
+      headers: {
+        Accept: "application/json",
+      },
+    }
+  );
 
   if (!resp.ok) {
     throw new Error(`HTTP ${resp.status}: ${resp.statusText}`);