From 4b7eaa318f22d7cc768491c421cb7aeac477f95d Mon Sep 17 00:00:00 2001
From: Ariel Costas Guerrero <ariel@costas.dev>
Date: Mon, 22 Dec 2025 18:16:57 +0100
Subject: Implement retrieving next arrivals for a stop (scheduled only)

---
 src/frontend/app/components/Stops/ArrivalList.tsx | 25 +++++++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 src/frontend/app/components/Stops/ArrivalList.tsx

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

diff --git a/src/frontend/app/components/Stops/ArrivalList.tsx b/src/frontend/app/components/Stops/ArrivalList.tsx
new file mode 100644
index 0000000..a1210d5
--- /dev/null
+++ b/src/frontend/app/components/Stops/ArrivalList.tsx
@@ -0,0 +1,25 @@
+import React from "react";
+import { type Arrival } from "../../api/schema";
+import { ArrivalCard } from "./ArrivalCard";
+
+interface ArrivalListProps {
+  arrivals: Arrival[];
+  reduced?: boolean;
+}
+
+export const ArrivalList: React.FC<ArrivalListProps> = ({
+  arrivals,
+  reduced,
+}) => {
+  return (
+    <div className="flex flex-col gap-3">
+      {arrivals.map((arrival, index) => (
+        <ArrivalCard
+          key={`${arrival.route.shortName}-${index}`}
+          arrival={arrival}
+          reduced={reduced}
+        />
+      ))}
+    </div>
+  );
+};
-- 
cgit v1.3

