Implement retrieving next arrivals for a stop (scheduled only)

1 files changed, 25 insertions, 0 deletions

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>
+  );
+};