map working

your-digital-rights · Sep 17, 2024 · 6362182 · 6362182
1 parent 6729827
commit 6362182
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 48 deletions.
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -48,7 +48,7 @@
     "react-dom": "^18.2.0",
     "react-intl": "^6.6.8",
     "react-leaflet": "^4.2.1",
-    "react-leaflet-markercluster": "^3.0.0-rc1",
+    "@changey/react-leaflet-markercluster": "^4.0.0-rc1",
     "react-share": "^4.4.1",
     "sitemap": "^6.4.0",
     "universal-fetch": "^1.0.0"

diff --git a/frontend/src/components/DataBrokersList/index.js b/frontend/src/components/DataBrokersList/index.js
@@ -153,7 +153,7 @@ const DataBrokersDB = ({ classes, dataBrokers }) => {
   return (
     <div className={classes.container}>
       <Paper className={classes.inner}>
-
+        <Map dataBrokers={dataBrokers} selectedDataBroker={selectedDataBroker} />
         <div className={classes.database}>
           <Paper className={classes.searchRoot} id="grid-wrapper" elevation={1}>
             <SearchIcon />

diff --git a/frontend/src/components/MainMap/index.js b/frontend/src/components/MainMap/index.js
@@ -3,9 +3,9 @@ import { MapContainer, Marker, Popup, TileLayer, useMap} from 'react-leaflet'
 import 'leaflet/dist/leaflet.css'
 import { Style as styles } from "./styles";
 import { withStyles } from "@material-ui/core/styles";
-import MarkerClusterGroup from 'react-leaflet-markercluster';
+import MarkerClusterGroup from '@changey/react-leaflet-markercluster';
 import CircularProgress from '@material-ui/core/CircularProgress';
-import 'react-leaflet-markercluster/dist/styles.min.css';
+import '@changey/react-leaflet-markercluster/dist/styles.min.css';
 import 'leaflet-defaulticon-compatibility/dist/leaflet-defaulticon-compatibility.webpack.css'; // Re-uses images from ~leaflet package
 import 'leaflet-defaulticon-compatibility';
 import Typography from "@material-ui/core/Typography";