fix(map-layers): stop layers shown even if disabled

app/component/ItineraryPage.js

@@ -939,7 +939,9 @@ class ItineraryPage extends React.Component {
     ]?.legs.some(leg => leg.from?.vehicleRentalStation);
 
     const mapLayerOptions = itineraryContainsDepartureFromVehicleRentalStation
-      ? addBikeStationMapForRentalVehicleItineraries(itineraries)
+      ? addBikeStationMapForRentalVehicleItineraries(
+          this.context.config.enableLockedMapLayers,
+        )
       : this.props.mapLayerOptions;
 
     const objectsToHide = getRentalStationsToHideOnMap(
@@ -1618,26 +1620,32 @@ class ItineraryPage extends React.Component {
   }
 }
 
-const ItineraryPageWithBreakpoint = withBreakpoint(props => (
+const ItineraryPageWithBreakpoint = withBreakpoint((props, context) => (
   <ReactRelayContext.Consumer>
     {({ environment }) => (
-      <ItineraryPage {...props} relayEnvironment={environment} />
+      <ItineraryPage {...props} {...context} relayEnvironment={environment} />
     )}
   </ReactRelayContext.Consumer>
 ));
 
 const ItineraryPageWithStores = connectToStores(
   ItineraryPageWithBreakpoint,
   ['MapLayerStore'],
-  ({ getStore }) => ({
+  ({ config, getStore }) => ({
     mapLayers: getStore('MapLayerStore').getMapLayers({
       notThese: ['stop', 'citybike', 'vehicles'],
     }),
-    mapLayerOptions: getMapLayerOptions({
-      lockedMapLayers: ['vehicles', 'citybike', 'stop'],
-      selectedMapLayers: ['vehicles'],
-    }),
+    mapLayerOptions: getMapLayerOptions(
+      {
+        lockedMapLayers: ['vehicles', 'citybike', 'stop'],
+        selectedMapLayers: ['vehicles'],
+      },
+      config.enableLockedMapLayers,
+    ),
   }),
+  {
+    config: PropTypes.object,
+  },
 );
 
 const containerComponent = createRefetchContainer(

app/component/ItineraryPageUtils.js

@@ -321,11 +321,16 @@ export function updateClient(itineraryTopics, context) {
   startClient(itineraryTopics, context);
 }
 
-export function addBikeStationMapForRentalVehicleItineraries() {
-  return getMapLayerOptions({
-    lockedMapLayers: ['vehicles', 'citybike', 'stop'],
-    selectedMapLayers: ['vehicles', 'citybike'],
-  });
+export function addBikeStationMapForRentalVehicleItineraries(
+  enableLockedMapLayers,
+) {
+  return getMapLayerOptions(
+    {
+      lockedMapLayers: ['vehicles', 'citybike', 'stop'],
+      selectedMapLayers: ['vehicles', 'citybike'],
+    },
+    enableLockedMapLayers,
+  );
 }
 
 /**

app/component/StopsNearYouPage.js

@@ -105,10 +105,13 @@ class StopsNearYouPage extends React.Component {
     const showCityBikeTeaser = !readMessageIds.includes('citybike_teaser');
     if (this.context.config.map.showLayerSelector) {
       const { mode } = this.props.match.params;
-      const mapLayerOptions = getMapLayerOptions({
-        lockedMapLayers: ['vehicles', 'citybike', 'stop'],
-        selectedMapLayers: ['vehicles', mode.toLowerCase()],
-      });
+      const mapLayerOptions = getMapLayerOptions(
+        {
+          lockedMapLayers: ['vehicles', 'citybike', 'stop'],
+          selectedMapLayers: ['vehicles', mode.toLowerCase()],
+        },
+        this.context.config.enableLockedMapLayers,
+      );
       this.setState({ showCityBikeTeaser, mapLayerOptions });
     } else {
       this.setState({ showCityBikeTeaser });
@@ -197,10 +200,13 @@ class StopsNearYouPage extends React.Component {
 
   setMapLayerOptions = () => {
     const { mode } = this.props.match.params;
-    const mapLayerOptions = getMapLayerOptions({
-      lockedMapLayers: ['vehicles', 'citybike', 'stop'],
-      selectedMapLayers: ['vehicles', mode.toLowerCase()],
-    });
+    const mapLayerOptions = getMapLayerOptions(
+      {
+        lockedMapLayers: ['vehicles', 'citybike', 'stop'],
+        selectedMapLayers: ['vehicles', mode.toLowerCase()],
+      },
+      this.context.config.enableLockedMapLayers,
+    );
     this.setState({ mapLayerOptions });
   };
 

app/component/map/RoutePageMap.js

@@ -183,14 +183,17 @@ class RoutePageMap extends React.Component {
 const RoutePageMapWithVehicles = connectToStores(
   withBreakpoint(RoutePageMap),
   ['RealTimeInformationStore', 'MapLayerStore'],
-  ({ getStore }, { trip }) => {
+  ({ config, getStore }, { trip }) => {
     const mapLayers = getStore('MapLayerStore').getMapLayers({
       notThese: ['stop', 'vehicles'],
     });
-    const mapLayerOptions = getMapLayerOptions({
-      lockedMapLayers: ['vehicles', 'stop', 'citybike'],
-      selectedMapLayers: ['vehicles'],
-    });
+    const mapLayerOptions = getMapLayerOptions(
+      {
+        lockedMapLayers: ['vehicles', 'stop', 'citybike'],
+        selectedMapLayers: ['vehicles'],
+      },
+      config.enableLockedMapLayers,
+    );
     if (trip) {
       const { vehicles } = getStore('RealTimeInformationStore');
       const tripStart = getStartTime(
@@ -227,6 +230,9 @@ const RoutePageMapWithVehicles = connectToStores(
     }
     return { mapLayers, mapLayerOptions };
   },
+  {
+    config: PropTypes.object,
+  },
 );
 
 export default createFragmentContainer(RoutePageMapWithVehicles, {

app/component/map/StopPageMap.js

@@ -236,10 +236,13 @@ const StopPageMapWithStores = connectToStores(
     }
     const mapLayers = getStore(MapLayerStore).getMapLayers(ml);
     const mode = getModeFromProps(props);
-    const mapLayerOptions = getMapLayerOptions({
-      lockedMapLayers: ['vehicles', mode],
-      selectedMapLayers: ['vehicles', mode],
-    });
+    const mapLayerOptions = getMapLayerOptions(
+      {
+        lockedMapLayers: ['vehicles', mode],
+        selectedMapLayers: ['vehicles', mode],
+      },
+      config.enableLockedMapLayers,
+    );
     return {
       locationState,
       currentTime,

app/configurations/config.herrenberg.js

@@ -452,6 +452,8 @@ export default configMerger(parentConfig, {
 
     layers,
 
+    enableLockedMapLayers: false,
+
     staticMessagesUrl: STATIC_MESSAGE_URL,
 
     parkAndRideBannedVehicleParkingTags: [

app/util/mapLayerUtils.js

@@ -94,7 +94,10 @@ export const isFeatureLayerEnabled = (
   return isLayerEnabled(layerName, mapLayers);
 };
 
-export const getMapLayerOptions = (options = {}) => {
+export const getMapLayerOptions = (
+  options = {},
+  enableLockedMapLayers = true,
+) => {
   const layerOptions = {
     parkAndRide: {
       isLocked: false,
@@ -147,7 +150,7 @@ export const getMapLayerOptions = (options = {}) => {
   };
   lockedMapLayers.forEach(key => {
     // Stop keyword locks every mode
-    if (key === 'stop') {
+    if (enableLockedMapLayers && key === 'stop') {
       Object.keys(layerOptions[key]).forEach(subKey => {
         if (layerOptions[key][subKey]) {
           layerOptions[key][subKey].isLocked = true;