// components/pois/PoiUpdateModalWrapper.js
import React, { useState } from "react";
import PoiUpdateModal from "./PoiUpdateModal";
import { useRecoilValue, useSetRecoilState } from "recoil";
import { currentPoiState, selectedPoiState } from "../../redux/slices/currentPoiSlice";
import { poiReadFromDbTriggerAtom } from "../../redux/slices/poiReadFromDbTriggerSlice";
import { useDispatch } from "react-redux";
import { setSelectedPoi } from "../../redux/slices/selectedPoiSlice";

const PoiUpdateModalWrapper = ({ show, onClose, latlng }) => {
  const dispatch = useDispatch();
  //const setSelectedPoi = useSetRecoilState(selectedPoiState);
  dispatch(setSelectedPoi(poiData));
  const setCurrentPoi = useSetRecoilState(currentPoiState);
  const currentPoi = useRecoilValue(currentPoiState);
  const poiReadTrigger = useRecoilValue(poiReadFromDbTriggerAtom);

  return (
    show && (
      <PoiUpdateModal
        onClose={onClose}
        poiData={currentPoi}
        onSubmit={() => {}} // Add your submit logic here
        latlng={latlng}
      />
    )
  );
};

export default PoiUpdateModalWrapper;