From 18b5e287fc493fa87ec537ed4bbe4cb8a9381f47 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pavel=20Zbytovsk=C3=BD?= <zbytovsky@gmail.com>
Date: Sun, 9 Feb 2025 07:57:41 +0400
Subject: [PATCH] climbing: hide NoImage placeholder for climbing=area

---
 src/components/FeaturePanel/CragsInArea.tsx              | 2 +-
 .../FeaturePanel/FeatureImages/FeatureImages.tsx         | 9 ++++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

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}`
           : ''}
       </PanelLabel>
-      <Box mt={2} mb={2}>
+      <Box mt={2} mb={4}>
         <CragList>
           {crags.map((item) => (
             <CragItem key={getOsmappLink(item)} feature={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 <Wrapper>{loading ? <ImageSkeleton /> : <NoImage />}</Wrapper>;
+    // CragsInArea condition
+    if (feature.memberFeatures?.length && feature.tags.climbing === 'area') {
+      return null;
+    } else {
+      return <Wrapper>{loading ? <ImageSkeleton /> : <NoImage />}</Wrapper>;
+    }
   }
 
   return (