c2f5fa3054
- Recoil Atom 'selectedPoiState' entfernt und durch Redux-Toolkit Slice ersetzt. - Redux Actions hinzugefügt: setSelectedPoi, clearSelectedPoi. - Selektor 'selectSelectedPoi' erstellt, um POI-Daten zu lesen. - Komponenten angepasst (PoiUpdateModal, PoiUpdateModalWrapper, MapComponent), um Redux-Hooks zu verwenden. - Reducer in rootReducer und store.js registriert. - Funktionalität getestet und Fehlerbehebung implementiert.
31 lines
1.1 KiB
JavaScript
31 lines
1.1 KiB
JavaScript
// 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;
|