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.

1 files changed, 0 insertions, 90 deletions

diff --git a/src/frontend/app/components/GroupedTable.tsx b/src/frontend/app/components/GroupedTable.tsx
deleted file mode 100644
index 175899a..0000000
--- a/src/frontend/app/components/GroupedTable.tsx
+++ /dev/null
@@ -1,90 +0,0 @@
-import { type RegionConfig } from "../config/RegionConfig";
-import { type Estimate } from "../routes/estimates-$id";
-import LineIcon from "./LineIcon";
-
-interface GroupedTable {
-  data: Estimate[];
-  dataDate: Date | null;
-  regionConfig: RegionConfig;
-}
-
-export const GroupedTable: React.FC<GroupedTable> = ({
-  data,
-  dataDate,
-  regionConfig,
-}) => {
-  const formatDistance = (meters: number) => {
-    if (meters > 1024) {
-      return `${(meters / 1000).toFixed(1)} km`;
-    } else {
-      return `${meters} m`;
-    }
-  };
-
-  const groupedEstimates = data.reduce(
-    (acc, estimate) => {
-      if (!acc[estimate.line]) {
-        acc[estimate.line] = [];
-      }
-      acc[estimate.line].push(estimate);
-      return acc;
-    },
-    {} as Record<string, typeof data>
-  );
-
-  const sortedLines = Object.keys(groupedEstimates).sort((a, b) => {
-    const firstArrivalA = groupedEstimates[a][0].minutes;
-    const firstArrivalB = groupedEstimates[b][0].minutes;
-    return firstArrivalA - firstArrivalB;
-  });
-
-  return (
-    <table className="table">
-      <caption>
-        Estimaciones de llegadas a las {dataDate?.toLocaleTimeString()}
-      </caption>
-
-      <thead>
-        <tr>
-          <th>Línea</th>
-          <th>Ruta</th>
-          <th>Llegada</th>
-          {regionConfig.showMeters && <th>Distancia</th>}
-        </tr>
-      </thead>
-
-      <tbody>
-        {sortedLines.map((line) =>
-          groupedEstimates[line].map((estimate, idx) => (
-            <tr key={`${line}-${idx}`}>
-              {idx === 0 && (
-                <td rowSpan={groupedEstimates[line].length}>
-                  <LineIcon line={line} region={regionConfig.id} />
-                </td>
-              )}
-              <td>{estimate.route}</td>
-              <td>{`${estimate.minutes} min`}</td>
-              {regionConfig.showMeters && (
-                <td>
-                  {estimate.meters > -1
-                    ? formatDistance(estimate.meters)
-                    : "No disponible"}
-                </td>
-              )}
-            </tr>
-          ))
-        )}
-      </tbody>
-
-      {data?.length === 0 && (
-        <tfoot>
-          <tr>
-            <td colSpan={regionConfig.showMeters ? 4 : 3}>
-              No hay estimaciones disponibles
-            </td>
-          </tr>
-        </tfoot>
-      )}
-    </table>
-  );
-};