fix: Don't show non-applicable directional alerts on the line diagram

assets/ts/models/alert.ts

@@ -1,7 +1,7 @@
 import { isValid, parseISO, add } from "date-fns";
 import { concat, isArray, mergeWith, reduce, some } from "lodash";
 import { StopId } from "../schedule/components/__schedule";
-import { Alert, TimePeriodPairs } from "../__v3api";
+import { Alert, DirectionId, TimePeriodPairs } from "../__v3api";
 
 const activePeriodToDates = (
   activePeriod: TimePeriodPairs
@@ -250,3 +250,18 @@ export const isSuppressiveAlert = (
     effect === "stop_closure";
   return isCurrentLifecycle(alert) && isValidSuppressiveAlert;
 };
+
+export const matchesDirection = (
+  { informed_entity }: Alert,
+  directionId: DirectionId
+): boolean => {
+  const nonNullDirections = informed_entity.direction_id?.filter(
+    item => item !== null
+  );
+
+  if (nonNullDirections === undefined || nonNullDirections.length === 0) {
+    return true;
+  }
+
+  return nonNullDirections.includes(directionId);
+};

assets/ts/schedule/components/ScheduleDirection.tsx

@@ -20,6 +20,7 @@ import {
 } from "../../models/route";
 import LineDiagram from "./line-diagram/LineDiagram";
 import { fromStopTreeData } from "./SchedulePage";
+import { matchesDirection } from "../../models/alert";
 
 export interface Props {
   alerts: Alert[];
@@ -222,6 +223,11 @@ const ScheduleDirection = ({
           rsList => !!rsList.find(rs => rs.branch === state.routePattern.name)
         ) || []
       : [];
+
+  const filteredAlerts = alerts.filter(alert =>
+    matchesDirection(alert, state.directionId)
+  );
+
   return (
     <>
       <div className="m-schedule-direction">
@@ -242,7 +248,7 @@ const ScheduleDirection = ({
       </div>
       {isSubwayRoute(route) && lineState.data && (
         <LineDiagram
-          alerts={alerts}
+          alerts={filteredAlerts}
           directionId={state.directionId}
           otherRouteStops={otherRouteStops}
           route={route}
@@ -277,7 +283,7 @@ const ScheduleDirection = ({
       )}
       {!isSubwayRoute(route) && (
         <LineDiagram
-          alerts={alerts}
+          alerts={filteredAlerts}
           directionId={state.directionId}
           otherRouteStops={otherRouteStops}
           route={route}