From a68ba30716062b265f85c4be078a736c7135d7bc Mon Sep 17 00:00:00 2001
From: Ariel Costas Guerrero <ariel@costas.dev>
Date: Sun, 30 Nov 2025 20:49:48 +0100
Subject: Refactor StopMap and Settings components; replace region config usage
 with REGION_DATA, update StopDataProvider calls, and improve UI elements.
 Remove unused timetable files and add Tailwind CSS support.

---
 src/frontend/app/components/SchedulesTable.tsx | 213 -------------------------
 1 file changed, 213 deletions(-)
 delete mode 100644 src/frontend/app/components/SchedulesTable.tsx

(limited to 'src/frontend/app/components/SchedulesTable.tsx')

diff --git a/src/frontend/app/components/SchedulesTable.tsx b/src/frontend/app/components/SchedulesTable.tsx
deleted file mode 100644
index faf7b01..0000000
--- a/src/frontend/app/components/SchedulesTable.tsx
+++ /dev/null
@@ -1,213 +0,0 @@
-import { useTranslation } from "react-i18next";
-import { useApp } from "~/AppContext";
-import LineIcon from "./LineIcon";
-import "./SchedulesTable.css";
-
-export type ScheduledTable = {
-  trip_id: string;
-  service_id: string;
-
-  line: string;
-  route: string;
-
-  stop_sequence: number;
-  shape_dist_traveled: number;
-  next_streets: string[];
-
-  starting_code: string;
-  starting_name: string;
-  starting_time: string;
-
-  calling_time: string;
-  calling_ssm: number;
-
-  terminus_code: string;
-  terminus_name: string;
-  terminus_time: string;
-};
-
-interface TimetableTableProps {
-  data: ScheduledTable[];
-  showAll?: boolean;
-  currentTime?: string; // HH:MM:SS format
-}
-
-// Utility function to parse service ID and get the turn number
-const parseServiceId = (serviceId: string): string => {
-  const parts = serviceId.split("_");
-  if (parts.length === 0) return "";
-
-  const lastPart = parts[parts.length - 1];
-  if (lastPart.length < 6) return "";
-
-  const last6 = lastPart.slice(-6);
-  const lineCode = last6.slice(0, 3);
-  const turnCode = last6.slice(-3);
-
-  // Remove leading zeros from turn
-  const turnNumber = parseInt(turnCode, 10).toString();
-
-  // Parse line number with special cases
-  const lineNumber = parseInt(lineCode, 10);
-  let displayLine: string;
-
-  switch (lineNumber) {
-    case 1:
-      displayLine = "C1";
-      break;
-    case 3:
-      displayLine = "C3";
-      break;
-    case 30:
-      displayLine = "N1";
-      break;
-    case 33:
-      displayLine = "N4";
-      break;
-    case 8:
-      displayLine = "A";
-      break;
-    case 101:
-      displayLine = "H";
-      break;
-    case 150:
-      displayLine = "REF";
-      break;
-    case 201:
-      displayLine = "U1";
-      break;
-    case 202:
-      displayLine = "U2";
-      break;
-    case 500:
-      displayLine = "TUR";
-      break;
-    default:
-      displayLine = `L${lineNumber}`;
-  }
-
-  return `${displayLine}-${turnNumber}`;
-};
-
-// Utility function to compare times
-const timeToMinutes = (time: string): number => {
-  const [hours, minutes] = time.split(":").map(Number);
-  return hours * 60 + minutes;
-};
-
-// Utility function to format GTFS time for display (handle hours >= 24)
-const formatTimeForDisplay = (time: string): string => {
-  const [hours, minutes] = time.split(":").map(Number);
-  const normalizedHours = hours % 24;
-  return `${normalizedHours.toString().padStart(2, "0")}:${minutes.toString().padStart(2, "0")}`;
-};
-
-// Utility function to find nearby entries
-const findNearbyEntries = (
-  entries: ScheduledTable[],
-  currentTime: string,
-  before: number = 4,
-  after: number = 4
-): ScheduledTable[] => {
-  if (!currentTime) return entries.slice(0, before + after);
-
-  const currentMinutes = timeToMinutes(currentTime);
-  const sortedEntries = [...entries].sort(
-    (a, b) => timeToMinutes(a.calling_time) - timeToMinutes(b.calling_time)
-  );
-
-  let currentIndex = sortedEntries.findIndex(
-    (entry) => timeToMinutes(entry.calling_time) >= currentMinutes
-  );
-
-  if (currentIndex === -1) {
-    // All entries are before current time, show last ones
-    return sortedEntries.slice(-before - after);
-  }
-
-  const startIndex = Math.max(0, currentIndex - before);
-  const endIndex = Math.min(sortedEntries.length, currentIndex + after);
-
-  return sortedEntries.slice(startIndex, endIndex);
-};
-
-export const SchedulesTable: React.FC<TimetableTableProps> = ({
-  data,
-  showAll = false,
-  currentTime,
-}) => {
-  const { t } = useTranslation();
-  const { region } = useApp();
-
-  const displayData = showAll
-    ? data
-    : findNearbyEntries(data, currentTime || "");
-  const nowMinutes = currentTime
-    ? timeToMinutes(currentTime)
-    : timeToMinutes(new Date().toTimeString().slice(0, 8));
-
-  return (
-    <div className="timetable-container">
-      <div className="timetable-caption">
-        {showAll
-          ? t("timetable.fullCaption", "Horarios teóricos de la parada")
-          : t("timetable.nearbyCaption", "Próximos horarios teóricos")}
-      </div>
-
-      <div className="timetable-cards">
-        {displayData.map((entry, index) => {
-          const entryMinutes = timeToMinutes(entry.calling_time);
-          const isPast = entryMinutes < nowMinutes;
-          return (
-            <div
-              key={`${entry.trip_id}-${index}`}
-              className={`timetable-card${isPast ? " timetable-past" : ""}`}
-              style={{
-                background: isPast
-                  ? "var(--surface-past, #f3f3f3)"
-                  : "var(--surface-future, #fff)",
-              }}
-            >
-              <div className="card-header">
-                <div className="line-info">
-                  <LineIcon line={entry.line} region={region} />
-                </div>
-
-                <div className="destination-info">
-                  {entry.route && entry.route.trim() ? (
-                    <strong>{entry.route}</strong>
-                  ) : (
-                    <strong>
-                      {t("timetable.noDestination", "Línea")} {entry.line}
-                    </strong>
-                  )}
-                </div>
-
-                <div className="time-info">
-                  <span className="departure-time">
-                    {formatTimeForDisplay(entry.calling_time)}
-                  </span>
-                </div>
-              </div>
-              <div className="card-body">
-                <div className="route-streets">
-                  <span className="service-id">
-                    {parseServiceId(entry.service_id)}
-                  </span>
-                  {entry.next_streets.length > 0 && (
-                    <span> — {entry.next_streets.join(" — ")}</span>
-                  )}
-                </div>
-              </div>
-            </div>
-          );
-        })}
-      </div>
-      {displayData.length === 0 && (
-        <p className="no-data">
-          {t("timetable.noData", "No hay datos de horarios disponibles")}
-        </p>
-      )}
-    </div>
-  );
-};
-- 
cgit v1.3