From 70f919be335ca819603cf62e664935586963885e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ere=20M=C3=A4nnist=C3=B6?= <connect@eremannisto.com>
Date: Tue, 19 Nov 2024 10:30:11 +0200
Subject: [PATCH] Use `unknown` label for `undefined` countries

---
 src/components/metrics/WorldMap.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/metrics/WorldMap.tsx b/src/components/metrics/WorldMap.tsx
index 4a16f98f..5dfc5f74 100644
--- a/src/components/metrics/WorldMap.tsx
+++ b/src/components/metrics/WorldMap.tsx
@@ -28,6 +28,7 @@ export function WorldMap({
   const { formatMessage, labels } = useMessages();
   const { countryNames } = useCountryNames(locale);
   const visitorsLabel = formatMessage(labels.visitors).toLocaleLowerCase(locale);
+  const unknownLabel = formatMessage(labels.unknown);
   const {
     dateRange: { startDate, endDate },
   } = useDateRange(websiteId);
@@ -62,7 +63,9 @@ export function WorldMap({
     if (code === 'AQ') return;
     const country = metrics?.find(({ x }) => x === code);
     setTooltipPopup(
-      `${countryNames[code]}: ${formatLongNumber(country?.y || 0)} ${visitorsLabel}` as any,
+      `${countryNames[code] || unknownLabel}: ${formatLongNumber(
+        country?.y || 0,
+      )} ${visitorsLabel}` as any,
     );
   };