Drop duplicate leg row on direct schedule details

For a single-leg flight the FlightCard summary already shows
SVO → ALA with times; the extra 'SVO→ALA / 00:05 - 06:30' line
below was redundant noise. Render the per-leg row only when the
route has multiple legs (transfer case).
This commit is contained in:
2026-04-18 13:58:17 +03:00
parent 13fb633ec4
commit 22025b3ab4
@@ -154,25 +154,28 @@ export const ScheduleDetailsPage: FC<ScheduleDetailsPageProps> = ({
<FlightCard flight={flight} />
{legs.map((leg, i) => (
<div key={`leg-${leg.index ?? i}`} className="schedule-details__leg" data-testid={`leg-${leg.index ?? i}`}>
<div className="schedule-details__leg-route">
<span>{leg.departure.scheduled.airportCode}</span>
<span>&rarr;</span>
<span>{leg.arrival.scheduled.airportCode}</span>
</div>
<div className="schedule-details__leg-times">
<span>{leg.departure.times.scheduledDeparture.localTime}</span>
<span> - </span>
<span>{leg.arrival.times.scheduledArrival.localTime}</span>
</div>
{leg.equipment.name && (
<div className="schedule-details__aircraft">
{leg.equipment.name}
{/* Per-leg aircraft info (multi-leg routes only — for a
direct flight the FlightCard summary already shows the
route and times, duplicating them here is noise). */}
{legs.length > 1 &&
legs.map((leg, i) => (
<div
key={`leg-${leg.index ?? i}`}
className="schedule-details__leg"
data-testid={`leg-${leg.index ?? i}`}
>
<div className="schedule-details__leg-route">
<span>{leg.departure.scheduled.airportCode}</span>
<span>&rarr;</span>
<span>{leg.arrival.scheduled.airportCode}</span>
</div>
)}
</div>
))}
{leg.equipment.name && (
<div className="schedule-details__aircraft">
{leg.equipment.name}
</div>
)}
</div>
))}
</div>
);
})}