Gängige Praxis: *Slice.js Verwendung: Wenn du Redux Toolkit und createSlice nutzt, ist der Postfix Slice gängiger. Begründung: createSlice ist ein Begriff aus Redux Toolkit. Der Name vermittelt, dass die Datei nicht nur den Reducer enthält, sondern auch Aktionen und den initialen Zustand. Häufig in modernen Projekten verwendet.
27 lines
923 B
JavaScript
27 lines
923 B
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";
|
|
|
|
const PoiUpdateModalWrapper = ({ show, onClose, latlng }) => {
|
|
const setSelectedPoi = useSetRecoilState(selectedPoiState);
|
|
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;
|