climbing: Add climbing restriction

src/components/FeaturePanel/Climbing/ClimbingPanel.tsx

@@ -11,6 +11,7 @@ import { SuggestEdit } from '../SuggestEdit';
 import { PanelContent, PanelSidePadding } from '../../utils/PanelHelpers';
 import { FeatureHeading } from '../FeatureHeading';
 import { ParentLink } from '../ParentLink';
+import { ClimbingRestriction } from './ClimbingRestriction';
 
 export const ClimbingPanel = ({ footer, showTagsTable }) => {
   const { feature } = useFeatureContext();
@@ -27,6 +28,7 @@ export const ClimbingPanel = ({ footer, showTagsTable }) => {
       <PanelSidePadding>
         <FeatureHeading />
         <ParentLink />
+        <ClimbingRestriction />
       </PanelSidePadding>
       <ImageSlider />
       <OsmError />

src/components/FeaturePanel/Climbing/ClimbingRestriction.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Alert, AlertTitle } from '@mui/material';
+import { useFeatureContext } from '../../utils/FeatureContext';
+import { t } from '../../../services/intl';
+
+export const ClimbingRestriction = () => {
+  const { feature } = useFeatureContext();
+
+  const restriction = feature.tags['climbing:restriction'];
+  const restrictionTimeDescription =
+    feature.tags['climbing:restriction:time_description'];
+  if (!feature.tags.climbing || (!restriction && !restrictionTimeDescription)) {
+    return null;
+  }
+
+  return (
+    <Alert
+      severity={restriction === 'yes' ? 'error' : 'warning'}
+      sx={{ mt: 2 }}
+    >
+      <AlertTitle>{t('featurepanel.climbing_restriction')}</AlertTitle>
+      {restrictionTimeDescription}
+    </Alert>
+  );
+};

src/components/FeaturePanel/Climbing/contexts/osmToClimbingRoutes.ts

@@ -55,6 +55,7 @@ export const osmToClimbingRoutes = (feature: Feature): Array<ClimbingRoute> => {
       difficulty: getDifficulty(route.tags),
       paths,
       photoToKeyMap,
+      author: route.tags.author,
       feature: route,
     };
   });

src/components/FeaturePanel/Climbing/utils/emptyRoute.ts

@@ -3,6 +3,7 @@ import { ClimbingRoute } from '../types';
 export const emptyRoute: ClimbingRoute = {
   id: '',
   name: '',
+  author: '',
   difficulty: { grade: '', gradeSystem: 'uiaa' },
   length: '',
   paths: {},

src/components/FeaturePanel/FeaturePanelInner.tsx

@@ -29,6 +29,7 @@ import { ImageSlider } from './ImagePane/ImageSlider';
 import { SuggestEdit } from './SuggestEdit';
 import { FeatureOpenPlaceGuideLink } from './FeatureOpenPlaceGuideLink';
 import { CragsInArea } from './CragsInArea';
+import { ClimbingRestriction } from './Climbing/ClimbingRestriction';
 
 const Flex = styled.div`
   flex: 1;
@@ -100,6 +101,8 @@ export const FeaturePanelInner = () => {
           <FeatureHeading />
           <ParentLink />
 
+          <ClimbingRestriction />
+
           <OsmError />
           <CragsInArea />
         </PanelSidePadding>

src/components/FeaturePanel/OsmError.tsx

@@ -30,31 +30,31 @@ export const OsmError = () => {
 
   if (code === 'unknown') {
     return (
-      <Alert variant="outlined" severity="warning">
+      <Alert variant="outlined" severity="warning" sx={{ mb: 2 }}>
         {t('featurepanel.error_unknown')}
       </Alert>
     );
   }
 
   if (code === 'network') {
     return (
-      <Alert variant="outlined" severity="warning">
+      <Alert variant="outlined" severity="warning" sx={{ mb: 2 }}>
         {t('featurepanel.error_network')}
       </Alert>
     );
   }
 
   if (code) {
     return (
-      <Alert variant="outlined" severity="warning">
+      <Alert variant="outlined" severity="warning" sx={{ mb: 2 }}>
         {t('featurepanel.error', { code })}
       </Alert>
     );
   }
 
   if (Object.keys(feature.tags).length === 0 && !feature.point) {
     return (
-      <Alert variant="outlined" severity="info">
+      <Alert variant="outlined" severity="info" sx={{ mb: 2 }}>
         {t('featurepanel.info_no_tags')}
       </Alert>
     );

src/locales/cs.js

@@ -86,6 +86,7 @@ export default {
   'featurepanel.uncertain_image': 'Je zobrazena nejbližší fotka uliční úrovně. Může ukazovat jiný objekt.',
   'featurepanel.inline_edit_title': 'Upravit',
   'featurepanel.objects_around': 'Objekty v okolí',
+  'featurepanel.climbing_restriction': 'Lezecké omezení',
 
   'opening_hours.open': 'Otevřeno: __todayTime__',
   'opening_hours.now_closed_but_today': 'Nyní zavřeno, dnes: __todayTime__',

src/locales/vocabulary.js

@@ -96,6 +96,7 @@ export default {
   'featurepanel.inline_edit_title': 'Edit',
   'featurepanel.objects_around': 'Nearby objects',
   'featurepanel.more_in_openplaceguide': 'More information on __instanceName__',
+  'featurepanel.climbing_restriction': 'Climbing restriction',
 
   'opening_hours.open': 'Open: __todayTime__',
   'opening_hours.now_closed_but_today': 'Closed now - Open __todayTime__',