Fix vehicle mode filtering by normalizing transport_mode casing

- Use parseVehicleMode when mapping stop data and filtering by vehicle mode
  to handle uppercase values (e.g. "TRAM") from the stops database.

Author: PasiVuohijoki

ui/src/components/forms/stop/utils/useGetStopInfoForEditingOnMap.ts

@@ -7,7 +7,11 @@ import {
   useGetStopInfoForEditingOnMapQuery,
 } from '../../../../generated/graphql';
 import { RequiredNonNullableKeys } from '../../../../types';
-import { getGeometryPoint, requireValue } from '../../../../utils';
+import {
+  getGeometryPoint,
+  parseVehicleMode,
+  requireValue,
+} from '../../../../utils';
 import { StopFormState } from '../types';
 import {
   RawName,
@@ -135,6 +139,8 @@ function parseResult(
     quayId: requireValue(rawQuay.netexId),
     stopId: requireValue(rawQuay.stopPoint.id),
     stopArea: requireValue(parseStopFormStopAreaInfo(rawQuay.stopPlace)),
+    vehicleMode:
+      parseVehicleMode(rawQuay.stopPlace?.transportMode) ?? undefined,
 
     latitude: requireValue(point?.latitude),
     longitude: requireValue(point?.longitude),

ui/src/components/map/queries/useGetMapStops.ts

@@ -3,7 +3,6 @@ import compact from 'lodash/compact';
 import { useMemo } from 'react';
 import {
   MapStopMinimalDetailsFragment,
-  ReusableComponentsVehicleModeEnum,
   StopsDatabaseQuayNewestVersionBoolExp,
   useGetMapStopsQuery,
 } from '../../../generated/graphql';
@@ -12,6 +11,7 @@ import { Viewport } from '../../../redux/types';
 import { parseDate } from '../../../time';
 import { Priority } from '../../../types/enums';
 import { StopPlaceState } from '../../../types/stop-registry';
+import { parseVehicleMode } from '../../../utils';
 import { useMapDataLayerSimpleQueryLoader } from '../../common/hooks/useLoader';
 import { filtersAndResultSelectionToQueryVariables } from '../../stop-registry/search/by-stop/filtersToQueryVariables';
 import { mapCompactOrNull } from '../../stop-registry/utils';
@@ -115,9 +115,8 @@ function mapRawStopToMapStop(
     return null;
   }
 
-  const vehicleMode = rawStop.stop_place?.transport_mode?.toLowerCase() as
-    | ReusableComponentsVehicleModeEnum
-    | undefined;
+  const vehicleMode =
+    parseVehicleMode(rawStop.stop_place?.transport_mode) ?? undefined;
 
   return {
     label: rawStop.label,

ui/src/components/map/stops/hooks/useFilterStopsByVehicleMode.ts

@@ -2,6 +2,7 @@ import { useCallback } from 'react';
 import { ReusableComponentsVehicleModeEnum } from '../../../../generated/graphql';
 import { useAppSelector } from '../../../../hooks';
 import { FilterType, selectMapFilter } from '../../../../redux';
+import { parseVehicleMode } from '../../../../utils';
 import { MapStop } from '../../types';
 import { useVisibleRouteStops } from './useVisibleRouteStops';
 
@@ -16,7 +17,7 @@ export function useFilterStopsByVehicleMode(
   return useCallback(
     (stops: ReadonlyArray<MapStop>): ReadonlyArray<MapStop> =>
       stops.filter((stop) => {
-        const vehicleMode = getStopVehicleMode(stop);
+        const vehicleMode = parseVehicleMode(getStopVehicleMode(stop));
         const isStopInVisibleRoutes = visibleRouteStopLabels.includes(
           stop.label,
         );