minor modifications

Author: sumedhkumar96

src/components/BMDashboard/InteractiveMap/InteractiveMap.jsx

@@ -1,12 +1,10 @@
-// components/InteractiveMap.jsx
 import { useState, useEffect } from 'react';
 import { useSelector } from 'react-redux';
 import { useHistory } from 'react-router-dom';
 import { useProjectsData } from '../../../hooks/useProjectsData';
 import BaseInteractiveMap from './BaseInteractiveMap';
 import { MapUtils } from './MapSharedComponents';
 import 'leaflet/dist/leaflet.css';
-import styles from './InteractiveMap.module.css';
 
 export default function InteractiveMap() {
   const darkMode = useSelector(state => state.theme.darkMode);

src/components/BMDashboard/InteractiveMap/InteractiveMap.module.css

@@ -183,6 +183,7 @@
 :global(.dark-mode-map .marker-cluster-small) {
   background-color: rgba(110, 204, 57, 0.7) !important;
 }
+
 :global(.dark-mode-map .marker-cluster-small div) {
   background-color: rgba(81, 163, 32, 0.8) !important;
   color: white !important;
@@ -191,6 +192,7 @@
 :global(.dark-mode-map .marker-cluster-medium) {
   background-color: rgba(240, 194, 12, 0.7) !important;
 }
+
 :global(.dark-mode-map .marker-cluster-medium div) {
   background-color: rgba(200, 160, 0, 0.8) !important;
   color: white !important;
@@ -199,6 +201,7 @@
 :global(.dark-mode-map .marker-cluster-large) {
   background-color: rgba(241, 128, 23, 0.7) !important;
 }
+
 :global(.dark-mode-map .marker-cluster-large div) {
   background-color: rgba(200, 100, 0, 0.8) !important;
   color: white !important;
@@ -208,6 +211,7 @@
 :global(.marker-cluster-small) {
   background-color: rgba(181, 226, 140, 0.8);
 }
+
 :global(.marker-cluster-small div) {
   background-color: rgba(110, 204, 57, 0.8);
   color: white;
@@ -216,6 +220,7 @@
 :global(.marker-cluster-medium) {
   background-color: rgba(241, 211, 87, 0.8);
 }
+
 :global(.marker-cluster-medium div) {
   background-color: rgba(240, 194, 12, 0.8);
   color: white;
@@ -224,6 +229,7 @@
 :global(.marker-cluster-large) {
   background-color: rgba(253, 156, 115, 0.8);
 }
+
 :global(.marker-cluster-large div) {
   background-color: rgba(241, 128, 23, 0.8);
   color: white;

src/components/BMDashboard/InteractiveMap/MapSharedComponents.jsx

@@ -1,8 +1,6 @@
 /* eslint-disable */
 import { useEffect } from 'react';
-import { useMap } from 'react-leaflet';
-import { CircleMarker, Popup, Tooltip } from 'react-leaflet';
-import L from 'leaflet';
+import { useMap, CircleMarker, Popup, Tooltip } from 'react-leaflet';
 
 /* -----------------------------------------------------
    SHARED LEGEND COMPONENT