From 0448d1bc5647c7c474b247a00637242345eeb4c5 Mon Sep 17 00:00:00 2001 From: ISA Date: Fri, 3 May 2024 13:58:02 +0200 Subject: [PATCH] Rename loadStore.js to readPoiMarkersStore.js --- components/MapComponent.js | 3 ++- components/ShowAddStationPopup.js | 4 ++-- pages/index copy.js | 4 ++-- pages/index.js | 4 ++-- .../selectors/{loadDataStore.js => readPoiMarkersStore.js} | 6 +++--- 5 files changed, 11 insertions(+), 10 deletions(-) rename store/selectors/{loadDataStore.js => readPoiMarkersStore.js} (63%) diff --git a/components/MapComponent.js b/components/MapComponent.js index 336bb9866..d83bc13f0 100644 --- a/components/MapComponent.js +++ b/components/MapComponent.js @@ -573,7 +573,8 @@ const MapComponent = ({ locations, onLocationUpdate }) => { // Popup binden, aber nicht automatisch öffnen marker.bindPopup( - `${location.description || "Unbekannt"}
Type: ${location.idPoiTyp || "N/A"}
Lat: ${latitude.toFixed(5)}, Lng: ${longitude.toFixed(5)}` + //N/A oder location.idPoiTyp=0 hier soll der Name von poiTyp Tabelle kommen, also foreign key + `${location.description || "Unbekannt"}
Type: ${location.idPoiTyp || "N/A oder location.idPoiTyp=0"}
Lat: ${latitude.toFixed(5)}, Lng: ${longitude.toFixed(5)}` ); // Event-Handler für Mouseover und Mouseout hinzufügen diff --git a/components/ShowAddStationPopup.js b/components/ShowAddStationPopup.js index c4fb871a5..57f36c011 100644 --- a/components/ShowAddStationPopup.js +++ b/components/ShowAddStationPopup.js @@ -2,9 +2,9 @@ import React, { useState, useEffect } from "react"; import ReactDOM from "react-dom"; import { useRecoilValue } from "recoil"; -import { loadDataStore } from "../store/selectors/loadDataStore"; +import { readPoiMarkersStore } from "../store/selectors/readPoiMarkersStore"; const ShowAddStationPopup = ({ map, latlng }) => { - const loadData = useRecoilValue(loadDataStore); + const loadData = useRecoilValue(readPoiMarkersStore); const [poiTypData2, setPoiTypData2] = useState(); // Recoil State verwenden const [name, setName] = useState(""); const [poiTypeId, setPoiTypeId] = useState(""); // Initialize as string diff --git a/pages/index copy.js b/pages/index copy.js index 7b39873d0..cff585c3a 100644 --- a/pages/index copy.js +++ b/pages/index copy.js @@ -2,14 +2,14 @@ import { useEffect, useState } from "react"; import dynamic from "next/dynamic"; import { useSetRecoilState } from "recoil"; -import { loadDataStore } from "../store/selectors/loadDataStore"; +import { readPoiMarkersStore } from "../store/selectors/readPoiMarkersStore"; const MapComponentWithNoSSR = dynamic( () => import("../components/MapComponent"), { ssr: false } ); export default function Home() { - const setLoadData = useSetRecoilState(loadDataStore); + const setLoadData = useSetRecoilState(readPoiMarkersStore); const [mParam, setMParam] = useState([""]); const [uParam, setUParam] = useState([""]); diff --git a/pages/index.js b/pages/index.js index 7b39873d0..cff585c3a 100644 --- a/pages/index.js +++ b/pages/index.js @@ -2,14 +2,14 @@ import { useEffect, useState } from "react"; import dynamic from "next/dynamic"; import { useSetRecoilState } from "recoil"; -import { loadDataStore } from "../store/selectors/loadDataStore"; +import { readPoiMarkersStore } from "../store/selectors/readPoiMarkersStore"; const MapComponentWithNoSSR = dynamic( () => import("../components/MapComponent"), { ssr: false } ); export default function Home() { - const setLoadData = useSetRecoilState(loadDataStore); + const setLoadData = useSetRecoilState(readPoiMarkersStore); const [mParam, setMParam] = useState([""]); const [uParam, setUParam] = useState([""]); diff --git a/store/selectors/loadDataStore.js b/store/selectors/readPoiMarkersStore.js similarity index 63% rename from store/selectors/loadDataStore.js rename to store/selectors/readPoiMarkersStore.js index fa6463f68..e598c9c39 100644 --- a/store/selectors/loadDataStore.js +++ b/store/selectors/readPoiMarkersStore.js @@ -1,8 +1,8 @@ -// store/loadDataStore.js +// store/readPoiMarkersStore.js import { atom } from "recoil"; -export const loadDataStore = atom({ - key: "loadDataStore", +export const readPoiMarkersStore = atom({ + key: "readPoiMarkersStore", default: async () => { const response = await fetch("/api/readLocations"); const data = await response.json();