hooks auslagern von MapComponent, useInitializeMap.js und useLoadUserRights.js

components/mainComponent/hooks/useLoadUserRights.js

@@ -0,0 +1,20 @@
+// /components/mainComponent/hooks/useLoadUserRights.js
+import { useEffect } from "react";
+import { fetchUserRights } from "../../../services/api/fetchUserRights";
+
+const useLoadUserRights = (setUserRights, setIsRightsLoaded, setHasRights) => {
+  useEffect(() => {
+    const fetchAndSetUserRights = async () => {
+      const rights = await fetchUserRights();
+      setUserRights(rights);
+      setIsRightsLoaded(true);
+
+      // Sicherstellen, dass `rights` ein Array ist, bevor `.includes()` aufgerufen wird
+      setHasRights(localStorage.getItem("editMode") && Array.isArray(rights) && rights.includes(56));
+    };
+
+    fetchAndSetUserRights();
+  }, []);
+};
+
+export default useLoadUserRights;