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:
@@ -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>→</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>→</span>
|
||||
<span>{leg.arrival.scheduled.airportCode}</span>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
))}
|
||||
{leg.equipment.name && (
|
||||
<div className="schedule-details__aircraft">
|
||||
{leg.equipment.name}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
);
|
||||
})}
|
||||
|
||||
Reference in New Issue
Block a user