Add pings back to map

This commit is contained in:
Fergal Moran
2024-01-29 20:30:08 +00:00
parent bdcf7c345f
commit f3d5b025ef

View File

@@ -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>
);