From 083a425b23a8dd09ff77d492d6568675354f93b4 Mon Sep 17 00:00:00 2001
From: robinvandermolen <robin@maykinmedia.nl>
Date: Tue, 10 Dec 2024 16:39:49 +0100
Subject: [PATCH] :sparkles: [open-formulieren/open-forms#2177] Disabled logic

---
 src/components/Map/index.jsx | 66 +++++++++++++++++++-----------------
 1 file changed, 35 insertions(+), 31 deletions(-)

diff --git a/src/components/Map/index.jsx b/src/components/Map/index.jsx
index 2ca69bc72..8f3d311d6 100644
--- a/src/components/Map/index.jsx
+++ b/src/components/Map/index.jsx
@@ -134,39 +134,43 @@ const LeaftletMap = ({
       >
         <TileLayer {...TILE_LAYER_RD} />
         <FeatureGroup ref={ref}>
-          <EditControl
-            position="topright"
-            onCreated={onFeatureCreate}
-            edit={{
-              edit: false,
-              remove: false,
-            }}
-            draw={{
-              rectangle: false,
-              circle: !!interactions?.circle,
-              polyline: !!interactions?.polyline,
-              polygon: !!interactions?.polygon,
-              marker: !!interactions?.marker,
-              circlemarker: false,
-            }}
-          />
+          {!disabled && (
+            <EditControl
+              position="topright"
+              onCreated={onFeatureCreate}
+              edit={{
+                edit: false,
+                remove: false,
+              }}
+              draw={{
+                rectangle: false,
+                circle: !!interactions?.circle,
+                polyline: !!interactions?.polyline,
+                polygon: !!interactions?.polygon,
+                marker: !!interactions?.marker,
+                circlemarker: false,
+              }}
+            />
+          )}
         </FeatureGroup>
         {coordinates && <MapView coordinates={coordinates} />}
-        <SearchControl
-          onMarkerSet={onSearchMarkerSet}
-          options={{
-            showMarker: false,
-            showPopup: false,
-            retainZoomLevel: false,
-            animateZoom: true,
-            autoClose: false,
-            searchLabel: intl.formatMessage(searchControlMessages.searchLabel),
-            keepResult: true,
-            updateMap: true,
-            notFoundMessage: intl.formatMessage(searchControlMessages.notFound),
-          }}
-        />
-        {/*{disabled ? <DisabledMapControls /> : <CaptureClick setMarker={onMarkerSet} />}*/}
+        {!disabled && (
+          <SearchControl
+            onMarkerSet={onSearchMarkerSet}
+            options={{
+              showMarker: false,
+              showPopup: false,
+              retainZoomLevel: false,
+              animateZoom: true,
+              autoClose: false,
+              searchLabel: intl.formatMessage(searchControlMessages.searchLabel),
+              keepResult: true,
+              updateMap: true,
+              notFoundMessage: intl.formatMessage(searchControlMessages.notFound),
+            }}
+          />
+        )}
+        {disabled && <DisabledMapControls />}
       </MapContainer>
       {geoJsonCoordinates && geoJsonCoordinates.length && (
         <NearestAddress coordinates={geoJsonCoordinates} />