- changed: do not show AddButton in embedded mode or when the user is not logged in

This commit is contained in:
Sebastian Stein 2024-06-25 14:10:58 +02:00
parent 1f159ac836
commit c5c6374d6d

View File

@ -17,6 +17,7 @@ import { TagsControl } from "./Subcomponents/Controls/TagsControl";
import { useSelectPosition, useSetMapClicked,useSetSelectPosition } from "./hooks/useSelectPosition";
import { useClusterRef, useSetClusterRef } from "./hooks/useClusterRef";
import { Feature, Geometry as GeoJSONGeometry } from 'geojson';
import {useAuth} from "../Auth";
// for refreshing map on resize (needs to be implemented)
const mapDivRef = React.createRef();
@ -71,6 +72,10 @@ function UtopiaMap({
embedded != "true" && setEmbedded(false)
}, [location]);
const { isAuthenticated } = useAuth();
const onEachFeature = (feature: Feature<GeoJSONGeometry, any>, layer: L.Layer) => {
if (feature.properties) {
layer.bindPopup(feature.properties.name);
@ -112,7 +117,9 @@ function UtopiaMap({
}} />}
<MapEventListener />
</MapContainer>
<AddButton triggerAction={setSelectNewItemPosition}></AddButton>
{!embedded && isAuthenticated && (
<AddButton triggerAction={setSelectNewItemPosition}></AddButton>
)}
{selectNewItemPosition != null &&
<div className="tw-button tw-z-1000 tw-absolute tw-right-5 tw-top-4 tw-drop-shadow-md">
<label className="tw-btn tw-btn-sm tw-rounded-2xl tw-btn-circle tw-btn-ghost hover:tw-bg-transparent tw-absolute tw-right-0 tw-top-0 tw-text-gray-600" onClick={() => {