feat: lifts the currently focused loo up to the map state

removes the focused loo from the leaflet loo group so that the marker overlap issue is avoided
public-convenience-ltd · Jan 9, 2022 · ccb957b · ccb957b
1 parent 5291148
commit ccb957b
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/LooMap/Markers.tsx b/src/components/LooMap/Markers.tsx
@@ -49,6 +49,7 @@ const Markers = () => {
         zIndexOffset: 0,
         icon: new ToiletMarkerIcon({
           toiletId: toilet.id,
+          isHighlighted: toilet.id === mapState?.focus?.id,
         }),
         alt: 'Public Toilet',
         keyboard: false,
@@ -62,12 +63,12 @@ const Markers = () => {
           }
         });
     },
-    [router]
+    [mapState?.focus?.id, router]
   );
 
   const getLooGroupLayers = useMemo(() => {
     if (!data?.ukLooMarkers) {
-      return null;
+      return {};
     }
 
     const parsedAndFilteredMarkers = data?.ukLooMarkers