From 6856d22afdd7104625838409c005f0762284820d Mon Sep 17 00:00:00 2001
From: robinvandermolen <robin@maykinmedia.nl>
Date: Wed, 15 Jan 2025 08:30:04 +0100
Subject: [PATCH] :lipstick: [open-formulieren/open-forms#2177] Hide map edit
 controls if all interactions are disabled

---
 src/registry/map/preview.tsx | 33 ++++++++++++++++++---------------
 1 file changed, 18 insertions(+), 15 deletions(-)

diff --git a/src/registry/map/preview.tsx b/src/registry/map/preview.tsx
index 57084f8d..f809a2a8 100644
--- a/src/registry/map/preview.tsx
+++ b/src/registry/map/preview.tsx
@@ -74,6 +74,7 @@ const Preview: React.FC<ComponentPreviewProps<MapComponentSchema>> = ({component
     featureGroupRef.current?.addLayer(event.layer);
   };
 
+  const editable = Object.values(interactions || {}).find((interaction) => interaction);
   return (
     <Component
       type={component.type}
@@ -96,21 +97,23 @@ const Preview: React.FC<ComponentPreviewProps<MapComponentSchema>> = ({component
       >
         <TileLayer {...TILE_LAYER_RD} url={tileLayerUrl()} />
         <FeatureGroup ref={featureGroupRef}>
-          <EditControl
-            position="topright"
-            onCreated={onFeatureCreate}
-            edit={{
-              edit: false,
-            }}
-            draw={{
-              rectangle: false,
-              circle: false,
-              polyline: !!interactions?.polyline,
-              polygon: !!interactions?.polygon,
-              marker: !!interactions?.marker,
-              circlemarker: false,
-            }}
-          />
+          {editable && (
+            <EditControl
+              position="topright"
+              onCreated={onFeatureCreate}
+              edit={{
+                edit: false,
+              }}
+              draw={{
+                rectangle: false,
+                circle: false,
+                polyline: !!interactions?.polyline,
+                polygon: !!interactions?.polygon,
+                marker: !!interactions?.marker,
+                circlemarker: false,
+              }}
+            />
+          )}
         </FeatureGroup>
         <MapView lat={lat} lng={lng} zoom={zoom} />
       </MapContainer>