From e0bb6fe3787df3c2982e0effe817654d665c611f Mon Sep 17 00:00:00 2001
From: Emil Balitzki <emil.balitzki@gmail.com>
Date: Mon, 3 Jun 2024 21:04:56 +0200
Subject: [PATCH 1/2] Cleanup map

Signed-off-by: Emil Balitzki <emil.balitzki@gmail.com>
---
 .../src/components/MapView/MapOptions.tsx     | 30 +++----------------
 frontend/src/components/MapView/MapView.tsx   |  2 +-
 2 files changed, 5 insertions(+), 27 deletions(-)

diff --git a/frontend/src/components/MapView/MapOptions.tsx b/frontend/src/components/MapView/MapOptions.tsx
index a6c3d148..47793ece 100644
--- a/frontend/src/components/MapView/MapOptions.tsx
+++ b/frontend/src/components/MapView/MapOptions.tsx
@@ -1,10 +1,6 @@
-//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 {
@@ -12,37 +8,19 @@ interface MapOptionsProps {
 }
 
 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>
   );
 };
diff --git a/frontend/src/components/MapView/MapView.tsx b/frontend/src/components/MapView/MapView.tsx
index a4434a45..db08c0f4 100644
--- a/frontend/src/components/MapView/MapView.tsx
+++ b/frontend/src/components/MapView/MapView.tsx
@@ -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}
           />
         )}

From 3c357316e96760c1dcd958398157b680fa5d8988 Mon Sep 17 00:00:00 2001
From: Emil Balitzki <emil.balitzki@gmail.com>
Date: Mon, 3 Jun 2024 21:14:40 +0200
Subject: [PATCH 2/2] Made dataview read current coords

Signed-off-by: Emil Balitzki <emil.balitzki@gmail.com>
---
 frontend/src/components/DataView/DataView.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/DataView/DataView.tsx b/frontend/src/components/DataView/DataView.tsx
index 22542302..2c3da12a 100644
--- a/frontend/src/components/DataView/DataView.tsx
+++ b/frontend/src/components/DataView/DataView.tsx
@@ -137,7 +137,9 @@ function DataView() {
         <Fragment>
           <div className="dataview-header-container">
             <b className="dataview-header-title">
-              <MapPin size={20} /> Nuremberg
+              <MapPin size={20} />
+              {currentMapCache.loadedCoordinates.lat.toFixed(6)},{" "}
+              {currentMapCache.loadedCoordinates.lng.toFixed(6)}
             </b>
             <Box id="filter-panel" style={{ maxWidth: "18rem", width: "100%" }}>
               <TextField