Reverse geocoding

import { baatoRequest } from "./baato";

export async function reverseGeocode(latitude, longitude) {
  const data = await baatoRequest("/reverse", {
    lat: latitude,
    lon: longitude,
  });

  return data[0];
}

import MapLibreGL from "@maplibre/maplibre-react-native";

function PickerMap() {
  const [place, setPlace] = useState(null);

  const handleLongPress = async (event) => {
    // MapLibre hands you [lon, lat] — Baato wants them named and separate
    const [lon, lat] = event.geometry.coordinates;

    try {
      const result = await reverseGeocode(lat, lon);
      setPlace(result);
    } catch (error) {
      console.warn("Reverse geocoding failed", error);
    }
  };

  return (
    <MapLibreGL.MapView style={{ flex: 1 }} onLongPress={handleLongPress}>
      {place && (
        <MapLibreGL.PointAnnotation
          id="picked"
          coordinate={[place.centroid.lon, place.centroid.lat]}
        />
      )}
    </MapLibreGL.MapView>
  );
}

const data = await baatoRequest("/reverse", { lat, lon });

if (data.length === 0) {
  setPlace(null);
  setMessage("No address found here");
  return;
}