diff --git a/src/components/FeaturePanel/CragsInArea.tsx b/src/components/FeaturePanel/CragsInArea.tsx index c667d6d7..c82e0468 100644 --- a/src/components/FeaturePanel/CragsInArea.tsx +++ b/src/components/FeaturePanel/CragsInArea.tsx @@ -176,7 +176,7 @@ export const CragsInArea = () => { ? `${t('featurepanel.climbing_sectors_in')} ${feature.tags.name}` : ''} - + {crags.map((item) => ( diff --git a/src/components/FeaturePanel/FeatureImages/FeatureImages.tsx b/src/components/FeaturePanel/FeatureImages/FeatureImages.tsx index 8093277d..86b752ca 100644 --- a/src/components/FeaturePanel/FeatureImages/FeatureImages.tsx +++ b/src/components/FeaturePanel/FeatureImages/FeatureImages.tsx @@ -7,6 +7,7 @@ import { NoImage } from './NoImage'; import { HEIGHT, ImageSkeleton } from './helpers'; import { naturalSort } from '../Climbing/utils/array'; import { PROJECT_ID } from '../../../services/project'; +import { useFeatureContext } from '../../utils/FeatureContext'; const isOpenClimbing = PROJECT_ID === 'openclimbing'; @@ -34,9 +35,15 @@ export const Slider = ({ children }) => ( ); export const FeatureImages = () => { + const { feature } = useFeatureContext(); const { loading, images } = useLoadImages(); if (images.length === 0) { - return {loading ? : }; + // CragsInArea condition + if (feature.memberFeatures?.length && feature.tags.climbing === 'area') { + return null; + } else { + return {loading ? : }; + } } return (