From caaad4e229aaf44d4e893e1d6504aaba6da4fa22 Mon Sep 17 00:00:00 2001
From: Timothy Armes <tim@timothyarmes.com>
Date: Wed, 5 Jul 2023 16:29:50 +0200
Subject: [PATCH] Set bounds on map init

---
 app/[lang]/tournois/TournamentMap.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/app/[lang]/tournois/TournamentMap.tsx b/app/[lang]/tournois/TournamentMap.tsx
index 1a5f1a1..f271f21 100644
--- a/app/[lang]/tournois/TournamentMap.tsx
+++ b/app/[lang]/tournois/TournamentMap.tsx
@@ -31,6 +31,7 @@ const MapEvents = () => {
 
 export default function TournamentMap() {
   const tournaments = useAtomValue(tournamentsAtom);
+  const setMapBounds = useSetAtom(mapBoundsAtom);
   const center: LatLngLiteral = { lat: 47.0844, lng: 2.3964 };
 
   const createLayerGroups = (
@@ -64,6 +65,7 @@ export default function TournamentMap() {
     "green",
     tournaments
   );
+
   const rapidMarkers = createLayerGroups("Rapide", "blue", tournaments);
   const blitzMarkers = createLayerGroups("Blitz", "yellow", tournaments);
   const otherMarkers = createLayerGroups("1h KO", "red", tournaments);
@@ -77,6 +79,11 @@ export default function TournamentMap() {
         style={{
           height: "100%",
         }}
+        ref={(map) => {
+          if (map) {
+            setMapBounds(map.getBounds());
+          }
+        }}
       >
         <MapEvents />
         <TileLayer