From ccfcbc82c5d2bfda3de69a6bf53f6a638fd8c4c3 Mon Sep 17 00:00:00 2001
From: Lukas <lukas.pupkalipinski@lpl-mind.de>
Date: Sun, 29 Mar 2026 15:01:30 +0200
Subject: [PATCH] backup

---
 frontend/src/components/WorldMap.tsx | 95 ++++++++++++++--------------
 1 file changed, 47 insertions(+), 48 deletions(-)

diff --git a/frontend/src/components/WorldMap.tsx b/frontend/src/components/WorldMap.tsx
index bc22430..21541f3 100644
--- a/frontend/src/components/WorldMap.tsx
+++ b/frontend/src/components/WorldMap.tsx
@@ -150,16 +150,18 @@ function GeoLayer({
           }
 
           return (
-            <g
-              key={geo.rsmKey}
-              style={{ cursor: cc ? "pointer" : "default" }}
+            <g key={geo.rsmKey} style={{ cursor: cc ? "pointer" : "default" }}>
+            <Geography
+              geography={geo}
               role={cc ? "button" : undefined}
               tabIndex={cc ? 0 : undefined}
-              aria-label={cc
-                ? `${cc}: ${String(count)} ban${count !== 1 ? "s" : ""}${
-                    isSelected ? " (selected)" : ""
-                  }`
-                : undefined}
+              aria-label={
+                cc
+                  ? `${cc}: ${String(count)} ban${count !== 1 ? "s" : ""}${
+                      isSelected ? " (selected)" : ""
+                    }`
+                  : undefined
+              }
               aria-pressed={isSelected || undefined}
               onClick={(): void => {
                 if (cc) handleClick(cc);
@@ -194,46 +196,43 @@ function GeoLayer({
               onMouseLeave={(): void => {
                 setTooltip(null);
               }}
-            >
-              <Geography
-                geography={geo}
-                style={{
-                  default: {
-                    fill: isSelected ? tokens.colorBrandBackground : fillColor,
-                    stroke: tokens.colorNeutralStroke2,
-                    strokeWidth: 0.75,
-                    outline: "none",
-                  },
-                  hover: {
-                    fill: isSelected
-                      ? tokens.colorBrandBackgroundHover
-                      : cc && count > 0
-                        ? tokens.colorNeutralBackground3
-                        : fillColor,
-                    stroke: tokens.colorNeutralStroke1,
-                    strokeWidth: 1,
-                    outline: "none",
-                  },
-                  pressed: {
-                    fill: cc ? tokens.colorBrandBackgroundPressed : fillColor,
-                    stroke: tokens.colorBrandStroke1,
-                    strokeWidth: 1,
-                    outline: "none",
-                  },
-                }}
-              />
-              {count > 0 && cx !== undefined && cy !== undefined && isFinite(cx) && isFinite(cy) && (
-                <text
-                  x={cx}
-                  y={cy}
-                  textAnchor="middle"
-                  dominantBaseline="central"
-                  className={styles.countLabel}
-                >
-                  {count}
-                </text>
-              )}
-            </g>
+              style={{
+                default: {
+                  fill: isSelected ? tokens.colorBrandBackground : fillColor,
+                  stroke: tokens.colorNeutralStroke2,
+                  strokeWidth: 0.75,
+                  outline: "none",
+                },
+                hover: {
+                  fill: isSelected
+                    ? tokens.colorBrandBackgroundHover
+                    : cc && count > 0
+                      ? tokens.colorNeutralBackground3
+                      : fillColor,
+                  stroke: tokens.colorNeutralStroke1,
+                  strokeWidth: 1,
+                  outline: "none",
+                },
+                pressed: {
+                  fill: cc ? tokens.colorBrandBackgroundPressed : fillColor,
+                  stroke: tokens.colorBrandStroke1,
+                  strokeWidth: 1,
+                  outline: "none",
+                },
+              }}
+            />
+            {count > 0 && cx !== undefined && cy !== undefined && isFinite(cx) && isFinite(cy) && (
+              <text
+                x={cx}
+                y={cy}
+                textAnchor="middle"
+                dominantBaseline="central"
+                className={styles.countLabel}
+              >
+                {count}
+              </text>
+            )}
+          </g>
           );
         },
       )}