Function handleSaveNewField

src/components/MapView.tsx:382–398

(fieldData: { name: string; crop: string; cropEmoji: string; area: number; color: string; location: string; group?: string; coordinates: [number, number][][]; })

  }, [editBoundaryFieldId, mapLoaded, allFields, onCancelEditBoundary]);

  const handleStyleChange = (style: "dark" | "satellite") => {
    const map = mapRef.current;
    if (!map) return;
    setMapLoaded(false);
    // Clear NDVI layer/source since style change removes all layers
    setGeeNdviTileUrl(null);
    map.setStyle(MAP_STYLES[style]);
    map.once("style.load", () => { if (style === "satellite") hideExtraLabels(map); setMapLoaded(true); refreshFieldLayers(map, allFields, selectedFields); });
  };

  const handleLocationSelect = (lng: number, lat: number) => { mapRef.current?.flyTo({ center: [lng, lat], zoom: 13, duration: 2000 }); };
  const handleToggleDraw = () => { if (drawMode) { setDrawMode(false); setDrawVertices([]); } else { setDrawMode(true); setDrawVertices([]); } };

  const handleSaveNewField = (fieldData: { name: string; crop: string; cropEmoji: string; area: number; color: string; location: string; group?: string; coordinates: [number, number][][]; }) => {
    const newField: Field = { id: `custom-${Date.now()}`, ...fieldData };
    console.log("[Virdis Draw] Field saved:", { id: newField.id, name: newField.name, geometry: { type: "Polygon", coordinates: newField.coordinates } });
    onAddField(newField);
    setShowNewFieldDialog(false);
    setDrawVertices([]);
    const map = mapRef.current;