From f3d5b025efaada1ad098e9457eecc5dc8d9feed5 Mon Sep 17 00:00:00 2001
From: Fergal Moran <fergal.moran@gmail.com>
Date: Mon, 29 Jan 2024 20:30:08 +0000
Subject: [PATCH] Add pings back to map

---
 src/components/maps/main-map.tsx | 37 +++++++++++++++-----------------
 1 file changed, 17 insertions(+), 20 deletions(-)

diff --git a/src/components/maps/main-map.tsx b/src/components/maps/main-map.tsx
index 06227ee..680594e 100644
--- a/src/components/maps/main-map.tsx
+++ b/src/components/maps/main-map.tsx
@@ -27,26 +27,23 @@ const MainMap: React.FC<MainMapProps> = ({ kids }) => {
         zoom={10}
         scrollWheelZoom={true}
       >
-        <TileLayer url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png">
-          <>
-            {kids?.map((kid) =>
-              kid.devices?.map((device) =>
-                device.pings.map((ping) => (
-                  <MapMarker
-                    key={ping.id}
-                    deviceId={device.id}
-                    childName={kid.name}
-                    avatar={kid.avatar}
-                    deviceName={device.name}
-                    latitude={ping.latitude}
-                    longitude={ping.longitude}
-                    timestamp={ping.timestamp}
-                  />
-                )),
-              ),
-            )}
-          </>
-        </TileLayer>
+        <TileLayer url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" />
+        {kids?.map((kid) =>
+          kid.devices?.map((device) =>
+            device.pings.map((ping) => (
+              <MapMarker
+                key={ping.id}
+                deviceId={device.id}
+                childName={kid.name}
+                avatar={kid.avatar}
+                deviceName={device.name}
+                latitude={ping.latitude}
+                longitude={ping.longitude}
+                timestamp={ping.timestamp}
+              />
+            )),
+          ),
+        )}
       </MapContainer>
     </div>
   );