From de87050292d2206a7023a14d84f90a12e00aa6ad Mon Sep 17 00:00:00 2001
From: jerem <jeremy.peglion@gmail.com>
Date: Wed, 26 Jun 2024 15:59:07 +0200
Subject: [PATCH] all maps for France

---
 .../atlas/components/atlas-map/index.tsx      | 177 +++++++++---------
 1 file changed, 88 insertions(+), 89 deletions(-)

diff --git a/client/src/pages/atlas/components/atlas-map/index.tsx b/client/src/pages/atlas/components/atlas-map/index.tsx
index 464991d5..201e7b03 100644
--- a/client/src/pages/atlas/components/atlas-map/index.tsx
+++ b/client/src/pages/atlas/components/atlas-map/index.tsx
@@ -89,101 +89,100 @@ export default function AtlasMap() {
       }
     });
 
-    // France case
-    if (geoId === "PAYS_100") {
-      return (
-        <div className="atlas-map fr-mb-5w">
-          <Row gutters>
-            <Col>
-              <div style={{ width: "100%", height: "100%" }}>
+    switch (selectedTab) {
+      case "general":
+        // France case
+        if (geoId === "PAYS_100") {
+          return (
+            <div className="atlas-map fr-mb-5w">
+              <Row gutters>
+                <Col>
+                  <div style={{ width: "100%", height: "100%" }}>
+                    <MapWithPolygonAndBubbles
+                      currentYear={currentYear}
+                      isLoading={isLoadingHistoric}
+                      mapbubbleData={mapbubbleData}
+                      polygonsData={polygonsData}
+                    />
+                  </div>
+                </Col>
+              </Row>
+              <Row>
+                <Col>
+                  <div className="drom-list">
+                    <div className="drom-item">
+                      <MapWithPolygonAndBubbles
+                        currentYear={currentYear}
+                        idToFocus="R01"
+                        isLoading={isLoadingHistoric}
+                        mapbubbleData={mapbubbleData}
+                        polygonsData={polygonsData}
+                      />
+                    </div>
+                    <div className="drom-item">
+                      <MapWithPolygonAndBubbles
+                        currentYear={currentYear}
+                        idToFocus="R02"
+                        isLoading={isLoadingHistoric}
+                        mapbubbleData={mapbubbleData}
+                        polygonsData={polygonsData}
+                      />
+                    </div>
+                    <div className="drom-item">
+                      <MapWithPolygonAndBubbles
+                        currentYear={currentYear}
+                        idToFocus="R03"
+                        isLoading={isLoadingHistoric}
+                        mapbubbleData={mapbubbleData}
+                        polygonsData={polygonsData}
+                      />
+                    </div>
+                    <div className="drom-item">
+                      <MapWithPolygonAndBubbles
+                        currentYear={currentYear}
+                        idToFocus="R04"
+                        isLoading={isLoadingHistoric}
+                        mapbubbleData={mapbubbleData}
+                        polygonsData={polygonsData}
+                      />
+                    </div>
+                    <div className="drom-item">
+                      <MapWithPolygonAndBubbles
+                        currentYear={currentYear}
+                        idToFocus="R06"
+                        isLoading={isLoadingHistoric}
+                        mapbubbleData={mapbubbleData}
+                        polygonsData={polygonsData}
+                      />
+                    </div>
+                  </div>
+                </Col>
+              </Row>
+
+              <Row className="fr-mt-5w">
+                <Col>
+                  <SubList />
+                </Col>
+              </Row>
+            </div>
+          );
+        } else {
+          return (
+            <Row gutters>
+              <Col md={8}>
                 <MapWithPolygonAndBubbles
                   currentYear={currentYear}
                   isLoading={isLoadingHistoric}
                   mapbubbleData={mapbubbleData}
                   polygonsData={polygonsData}
                 />
-              </div>
-            </Col>
-          </Row>
-          <Row>
-            <Col>
-              <div className="drom-list">
-                <div className="drom-item">
-                  <MapWithPolygonAndBubbles
-                    currentYear={currentYear}
-                    idToFocus="R01"
-                    isLoading={isLoadingHistoric}
-                    mapbubbleData={mapbubbleData}
-                    polygonsData={polygonsData}
-                  />
-                </div>
-                <div className="drom-item">
-                  <MapWithPolygonAndBubbles
-                    currentYear={currentYear}
-                    idToFocus="R02"
-                    isLoading={isLoadingHistoric}
-                    mapbubbleData={mapbubbleData}
-                    polygonsData={polygonsData}
-                  />
-                </div>
-                <div className="drom-item">
-                  <MapWithPolygonAndBubbles
-                    currentYear={currentYear}
-                    idToFocus="R03"
-                    isLoading={isLoadingHistoric}
-                    mapbubbleData={mapbubbleData}
-                    polygonsData={polygonsData}
-                  />
-                </div>
-                <div className="drom-item">
-                  <MapWithPolygonAndBubbles
-                    currentYear={currentYear}
-                    idToFocus="R04"
-                    isLoading={isLoadingHistoric}
-                    mapbubbleData={mapbubbleData}
-                    polygonsData={polygonsData}
-                  />
-                </div>
-                <div className="drom-item">
-                  <MapWithPolygonAndBubbles
-                    currentYear={currentYear}
-                    idToFocus="R06"
-                    isLoading={isLoadingHistoric}
-                    mapbubbleData={mapbubbleData}
-                    polygonsData={polygonsData}
-                  />
-                </div>
-              </div>
-            </Col>
-          </Row>
-
-          <Row className="fr-mt-5w">
-            <Col>
-              <SubList />
-            </Col>
-          </Row>
-        </div>
-      );
-    }
-
-    switch (selectedTab) {
-      case "general":
-        return (
-          <Row gutters>
-            <Col md={8}>
-              <MapWithPolygonAndBubbles
-                currentYear={currentYear}
-                isLoading={isLoadingHistoric}
-                mapbubbleData={mapbubbleData}
-                polygonsData={polygonsData}
-              />
-            </Col>
-            <Col md={4}>
-              <SubList />
-            </Col>
-          </Row>
-        );
-
+              </Col>
+              <Col md={4}>
+                <SubList />
+              </Col>
+            </Row>
+          );
+        }
       case "effectifs-par-filiere":
         return (
           <Row gutters>