Skip to content

Commit

Permalink
Cleanup map
Browse files Browse the repository at this point in the history
Signed-off-by: Emil Balitzki <[email protected]>
  • Loading branch information
Corgam committed Jun 3, 2024
1 parent 28e0f70 commit e0bb6fe
Show file tree
Hide file tree
Showing 2 changed files with 5 additions and 27 deletions.
30 changes: 4 additions & 26 deletions frontend/src/components/MapView/MapOptions.tsx
Original file line number Diff line number Diff line change
@@ -1,48 +1,26 @@
//import { useState } from "react";
//import { Stack } from "@phosphor-icons/react";
//import { useState } from "react";
import { ArrowsClockwise } from "@phosphor-icons/react";
import { StackSimple } from "@phosphor-icons/react";
import "./MapOptions.css";
import { Tooltip } from "@mui/material";
//import SearchPopUp from "../PopUp/SearchPopUp";
import SearchBar from "../PopUp/SearchBar";

interface MapOptionsProps {
toggleShowSatellite: () => void;
}

const MapOptions: React.FC<MapOptionsProps> = ({ toggleShowSatellite }) => {
// Stores the state of if the search popup is open
//const [ifOpenedDialog, setIfOpenedDialog] = useState(false);
// const toggleIfOpenedDialog = () => {
// setIfOpenedDialog(!ifOpenedDialog);
// };

return (
<div className="map-options-container">
<div className="search-bar">
<SearchBar/>
<SearchBar />
</div>
{/* <Tooltip arrow title="Search for an address" placement="right">
<div className="search-map-icon-container leaflet-bar leaflet-control leaflet-control-custom">
<MagnifyingGlass
className="search-map-icon"
onClick={toggleIfOpenedDialog}
/>
</div>
</Tooltip> */}
<Tooltip arrow title="Switch layers" placement="right">
<div className="layers-map-icon-container leaflet-touch leaflet-bar leaflet-control leaflet-control-custom">
<ArrowsClockwise
/** ArrowsClockwise requested from po. stack only if we have more than 2 backgrounds */ className="layers-map-icon"
<StackSimple
className="layers-map-icon"
onClick={toggleShowSatellite}
/>
</div>
</Tooltip>
{/* <SearchPopUp
onToggleIfOpenedDialog={toggleIfOpenedDialog}
ifOpenedDialog={ifOpenedDialog}
/> */}
</div>
);
};
Expand Down
2 changes: 1 addition & 1 deletion frontend/src/components/MapView/MapView.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -131,7 +131,7 @@ const MapView: React.FC<MapViewProps> = ({ datasetId }) => {
)}
{tabProps && tabProps.dataset.type === MarkersTypes.Markers && (
<ZoomWarningLabel
label="Zoom in to see marker"
label="Zoom in to see the markers"
minZoom={minZoomForLabel}
/>
)}
Expand Down

0 comments on commit e0bb6fe

Please sign in to comment.