src/frontend/app/components/arrivals/ArrivalList.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

import React from "react";
import { type Arrival } from "../../api/schema";
import { ReducedArrivalCard } 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) => (
        <ReducedArrivalCard
          key={`${arrival.route.shortName}-${index}`}
          arrival={arrival}
          reduced={reduced}
        />
      ))}
    </div>
  );
};