Ismail/nodeMap
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Rename loadStore.js to readPoiMarkersStore.js

Browse Source
This commit is contained in:
ISA
2024-05-03 13:58:02 +02:00
parent 39e5e1cb5a
commit 0448d1bc56
5 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
components/MapComponent.js
View File

@@ -573,7 +573,8 @@ const MapComponent = ({ locations, onLocationUpdate }) => {
// Popup binden, aber nicht automatisch öffnen // Popup binden, aber nicht automatisch öffnen
marker.bindPopup( marker.bindPopup(
`<b>${location.description || "Unbekannt"}</b><br>Type: ${location.idPoiTyp || "N/A"}<br>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
`<b>${location.description || "Unbekannt"}</b><br>Type: ${location.idPoiTyp || "N/A oder location.idPoiTyp=0"}<br>Lat: ${latitude.toFixed(5)}, Lng: ${longitude.toFixed(5)}`
); );
// Event-Handler für Mouseover und Mouseout hinzufügen // Event-Handler für Mouseover und Mouseout hinzufügen

4
components/ShowAddStationPopup.js
View File

@@ -2,9 +2,9 @@
import React, { useState, useEffect } from "react"; import React, { useState, useEffect } from "react";
import ReactDOM from "react-dom"; import ReactDOM from "react-dom";
import { useRecoilValue } from "recoil"; import { useRecoilValue } from "recoil";
import { loadDataStore } from "../store/selectors/loadDataStore"; import { readPoiMarkersStore } from "../store/selectors/readPoiMarkersStore";
const ShowAddStationPopup = ({ map, latlng }) => { const ShowAddStationPopup = ({ map, latlng }) => {
const loadData = useRecoilValue(loadDataStore); const loadData = useRecoilValue(readPoiMarkersStore);
const [poiTypData2, setPoiTypData2] = useState(); // Recoil State verwenden const [poiTypData2, setPoiTypData2] = useState(); // Recoil State verwenden
const [name, setName] = useState(""); const [name, setName] = useState("");
const [poiTypeId, setPoiTypeId] = useState(""); // Initialize as string const [poiTypeId, setPoiTypeId] = useState(""); // Initialize as string

4
pages/index copy.js
View File

@@ -2,14 +2,14 @@
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import dynamic from "next/dynamic"; import dynamic from "next/dynamic";
import { useSetRecoilState } from "recoil"; import { useSetRecoilState } from "recoil";
import { loadDataStore } from "../store/selectors/loadDataStore"; import { readPoiMarkersStore } from "../store/selectors/readPoiMarkersStore";
const MapComponentWithNoSSR = dynamic( const MapComponentWithNoSSR = dynamic(
() => import("../components/MapComponent"), () => import("../components/MapComponent"),
{ ssr: false } { ssr: false }
); );
export default function Home() { export default function Home() {
const setLoadData = useSetRecoilState(loadDataStore); const setLoadData = useSetRecoilState(readPoiMarkersStore);
const [mParam, setMParam] = useState([""]); const [mParam, setMParam] = useState([""]);
const [uParam, setUParam] = useState([""]); const [uParam, setUParam] = useState([""]);

4
pages/index.js
View File

@@ -2,14 +2,14 @@
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import dynamic from "next/dynamic"; import dynamic from "next/dynamic";
import { useSetRecoilState } from "recoil"; import { useSetRecoilState } from "recoil";
import { loadDataStore } from "../store/selectors/loadDataStore"; import { readPoiMarkersStore } from "../store/selectors/readPoiMarkersStore";
const MapComponentWithNoSSR = dynamic( const MapComponentWithNoSSR = dynamic(
() => import("../components/MapComponent"), () => import("../components/MapComponent"),
{ ssr: false } { ssr: false }
); );
export default function Home() { export default function Home() {
const setLoadData = useSetRecoilState(loadDataStore); const setLoadData = useSetRecoilState(readPoiMarkersStore);
const [mParam, setMParam] = useState([""]); const [mParam, setMParam] = useState([""]);
const [uParam, setUParam] = useState([""]); const [uParam, setUParam] = useState([""]);

6
store/selectors/loadDataStore.js → store/selectors/readPoiMarkersStore.js
View File

@@ -1,8 +1,8 @@
// store/loadDataStore.js // store/readPoiMarkersStore.js
import { atom } from "recoil"; import { atom } from "recoil";
export const loadDataStore = atom({ export const readPoiMarkersStore = atom({
key: "loadDataStore", key: "readPoiMarkersStore",
default: async () => { default: async () => {
const response = await fetch("/api/readLocations"); const response = await fetch("/api/readLocations");
const data = await response.json(); const data = await response.json();