Publictransport: Enable member fetching for route masters (#647)

src/components/FeaturePanel/MemberFeatures/MemberFeatures.tsx

@@ -1,14 +1,44 @@
 import React from 'react';
 import { Box } from '@mui/material';
-import { getOsmappLink, getShortId } from '../../../services/helpers';
+import { getOsmappLink } from '../../../services/helpers';
 import { useFeatureContext } from '../../utils/FeatureContext';
 import { PanelLabel } from '../Climbing/PanelLabel';
 import { Item } from './Item';
 import { ClimbingItem } from './ClimbingItem';
 import styled from '@emotion/styled';
 import { GradeSystemSelect } from '../Climbing/GradeSystemSelect';
 import { useUserSettingsContext } from '../../utils/UserSettingsContext';
-import { RouteDistributionInPanel } from '../Climbing/RouteDistribution';
+import { Feature } from '../../../services/types';
+import { isRouteMaster } from '../../../utils';
+import { t } from '../../../services/intl';
+
+const getHeading = (feature: Feature) => {
+  if (feature.tags.climbing === 'crag') {
+    return t('member_features.climbing');
+  }
+  if (isRouteMaster(feature)) {
+    return t('member_features.routes');
+  }
+  return t('member_features.subitems');
+};
+
+const PanelAddition = () => {
+  const { feature } = useFeatureContext();
+  const { userSettings, setUserSetting } = useUserSettingsContext();
+
+  if (feature.tags.climbing !== 'crag') {
+    return null;
+  }
+
+  return (
+    <GradeSystemSelect
+      setGradeSystem={(system) => {
+        setUserSetting('climbing.gradeSystem', system);
+      }}
+      selectedGradeSystem={userSettings['climbing.gradeSystem']}
+    />
+  );
+};
 
 const Ul = styled.ul`
   padding: 0;
@@ -19,8 +49,6 @@ export const MemberFeatures = () => {
   const { feature } = useFeatureContext();
   const { memberFeatures, tags } = feature;
 
-  const { userSettings, setUserSetting } = useUserSettingsContext();
-
   if (!memberFeatures?.length) {
     return null;
   }
@@ -31,21 +59,11 @@ export const MemberFeatures = () => {
   }
 
   const isClimbingCrag = tags.climbing === 'crag';
-  const heading = isClimbingCrag ? 'Climbing routes' : 'Subitems';
 
   return (
     <Box mb={1}>
-      <PanelLabel
-        addition={
-          <GradeSystemSelect
-            setGradeSystem={(system) => {
-              setUserSetting('climbing.gradeSystem', system);
-            }}
-            selectedGradeSystem={userSettings['climbing.gradeSystem']}
-          />
-        }
-      >
-        {heading} ({memberFeatures.length})
+      <PanelLabel addition={<PanelAddition />}>
+        {getHeading(feature)} ({memberFeatures.length})
       </PanelLabel>
       <Ul>
         {memberFeatures.map((item, index) =>

src/components/FeaturePanel/PublicTransport/routes/LineNumber.tsx

@@ -25,12 +25,13 @@ const LineNumberWrapper = styled(Link)<{
 `;
 
 type Tags = Record<string, string>;
-const formatTooltip = (tags: Tags, routes: { tags: Tags }[]) => {
-  const formatTags = (tags: Tags) => {
-    const parts = [tags.from, ...(tags.via ? [tags.via] : []), tags.to];
-    return parts.flatMap((str) => str.split(';')).join(' - ');
-  };
 
+const formatTags = (tags: Tags) => {
+  const parts = [tags.from, ...(tags.via ? [tags.via] : []), tags.to];
+  return parts.flatMap((str) => str.split(';')).join(' - ');
+};
+
+const formatTooltip = (tags: Tags, routes: { tags: Tags }[]) => {
   if (tags.from && tags.to) {
     return formatTags(tags);
   }

src/locales/de.js

@@ -254,4 +254,8 @@ export default {
   'runway.runway': 'Landebahn',
   'runway.size': 'Länge (m) - Breite (m)',
   'runway.surface': 'Oberfläche',
+
+  'member_features.subitems': 'Subelemente',
+  'member_features.climbing': 'Kletter Strecken',
+  'member_features.routes': 'Strecken',
 };

src/locales/vocabulary.js

@@ -280,4 +280,8 @@ export default {
   'climbingareas.title': 'Climbing areas',
   'climbingareas.area': 'Area',
   'climbingareas.num_of_crags': 'Number of crags',
+
+  'member_features.subitems': 'Subitems',
+  'member_features.climbing': 'Climbing routes',
+  'member_features.routes': 'Routes',
 };

src/services/osmApi.ts

@@ -15,6 +15,7 @@ import {
   isClimbingRelation,
   isClimbingRoute,
   isPublictransportRoute,
+  isRouteMaster,
 } from '../utils';
 import { getOverpassUrl } from './overpassSearch';
 
@@ -228,7 +229,11 @@ export const addMembersAndParents = async (
     return { ...feature, parentFeatures };
   }
 
-  if (isClimbingRelation(feature) || isPublictransportRoute(feature)) {
+  if (
+    isClimbingRelation(feature) ||
+    isPublictransportRoute(feature) ||
+    isRouteMaster(feature)
+  ) {
     const [parentFeatures, featureWithMemberFeatures] = await Promise.all([
       fetchParentFeatures(feature.osmMeta),
       addMemberFeaturesToRelation(feature),

src/utils.ts

@@ -80,6 +80,9 @@ export const isClimbingRelation = (feature: Feature) =>
 export const isClimbingRoute = (feature: Feature) =>
   ['route_bottom', 'route_top', 'route'].includes(feature?.tags.climbing);
 
+export const isRouteMaster = ({ tags, osmMeta }: Feature) =>
+  tags.type === 'route_master' && osmMeta.type === 'relation';
+
 export const isPublictransportStop = ({ tags }: Feature) =>
   Object.keys(tags).includes('public_transport') ||
   tags.railway === 'station' ||