Function handleStyleChange

src/components/MapView.tsx:369–377

(style: "dark" | "satellite")

      });
      marker.on("dragend", () => {
        const ll = marker.getLngLat();
        const nc = [...currentCoords];
        nc[i] = [ll.lng, ll.lat];
        if (i === 0) nc[nc.length - 1] = [ll.lng, ll.lat];
        onUpdateFieldRef.current?.({ ...field, coordinates: [nc] as [number, number][][] });
      });
      editMarkersRef.current.push(marker);
    });
    const handleKeyDown = (e: KeyboardEvent) => { if (e.key === "Enter" || e.key === "Escape") onCancelEditBoundary?.(); };
    document.addEventListener("keydown", handleKeyDown);
    return () => { editMarkersRef.current.forEach((m) => m.remove()); editMarkersRef.current = []; document.removeEventListener("keydown", handleKeyDown); };
  }, [editBoundaryFieldId, mapLoaded, allFields, onCancelEditBoundary]);