aboutsummaryrefslogtreecommitdiff
path: root/src/frontend/app/components/Stops/ConsolidatedCirculationList.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/frontend/app/components/Stops/ConsolidatedCirculationList.tsx')
-rw-r--r--src/frontend/app/components/Stops/ConsolidatedCirculationList.tsx58
1 files changed, 0 insertions, 58 deletions
diff --git a/src/frontend/app/components/Stops/ConsolidatedCirculationList.tsx b/src/frontend/app/components/Stops/ConsolidatedCirculationList.tsx
deleted file mode 100644
index eea4582..0000000
--- a/src/frontend/app/components/Stops/ConsolidatedCirculationList.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import { useTranslation } from "react-i18next";
-import { type ConsolidatedCirculation } from "~routes/stops-$id";
-import { ConsolidatedCirculationCard } from "./ConsolidatedCirculationCard";
-
-import { useCallback } from "react";
-import "./ConsolidatedCirculationList.css";
-
-interface ConsolidatedCirculationListProps {
- data: ConsolidatedCirculation[];
- onCirculationClick?: (
- estimate: ConsolidatedCirculation,
- index: number
- ) => void;
- reduced?: boolean;
- driver?: string;
-}
-
-export const ConsolidatedCirculationList: React.FC<
- ConsolidatedCirculationListProps
-> = ({ data, onCirculationClick, reduced, driver }) => {
- const { t } = useTranslation();
-
- const sortedData = [...data].sort(
- (a, b) =>
- (a.realTime?.minutes ?? a.schedule?.minutes ?? 999) -
- (b.realTime?.minutes ?? b.schedule?.minutes ?? 999)
- );
-
- const generateKey = useCallback((estimate: ConsolidatedCirculation) => {
- if (estimate.realTime && estimate.schedule) {
- return `rt-${estimate.schedule.tripId}`;
- }
-
- return `sch-${estimate.schedule ? estimate.schedule.tripId : estimate.line + "-" + estimate.route}`;
- }, []);
-
- return (
- <>
- {sortedData.length === 0 ? (
- <div className="consolidated-circulation-no-data">
- {t("estimates.none", "No hay estimaciones disponibles")}
- </div>
- ) : (
- <div className="flex flex-col gap-3">
- {sortedData.map((estimate, idx) => (
- <ConsolidatedCirculationCard
- reduced={reduced}
- driver={driver}
- key={generateKey(estimate)}
- estimate={estimate}
- onMapClick={() => onCirculationClick?.(estimate, idx)}
- />
- ))}
- </div>
- )}
- </>
- );
-};