From f78f4f629c1092776945711d919c993b0d9fb2b5 Mon Sep 17 00:00:00 2001
From: Mathis <mathis.fullriede@gmail.com>
Date: Thu, 8 Feb 2024 22:09:50 +0100
Subject: [PATCH] add ip-adress list

---
 app/lookup/[domain]/map/page.tsx | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/app/lookup/[domain]/map/page.tsx b/app/lookup/[domain]/map/page.tsx
index c76243d0..7388de46 100644
--- a/app/lookup/[domain]/map/page.tsx
+++ b/app/lookup/[domain]/map/page.tsx
@@ -69,6 +69,17 @@ const MapResultsPage: FC<MapResultsPageProps> = async ({
     })
   );
 
+  const regionList = markers.map((marker) => (
+    <div key={marker.code}>
+      <h3 className="mb-2 font-semibold">{marker.name}</h3>
+      <ul>
+        {marker.results.A.map((ip, index) => (
+          <li key={index}>{ip}</li>
+        ))}
+      </ul>
+    </div>
+  ));
+
   let hasDifferentRecords = false;
   for (let i = 1; i < markers.length; i++) {
     const previous = markers[i - 1].results;
@@ -112,9 +123,8 @@ const MapResultsPage: FC<MapResultsPageProps> = async ({
       </Alert>
       <div className="flex flex-row">
         <div className="basis-1/4">
-          <div className="mt-12 flex justify-center">
-            <div className="bg-skeleton my-36 aspect-square w-3/5 rounded-full" />
-          </div>
+          <h2 className="mb-4 text-lg font-semibold">IP-Adressen je Region</h2>
+          <div className="flex flex-wrap gap-4">{regionList}</div>
         </div>
         <div className="basis-3/4">
           <ResultsGlobe domain={domain} markers={markers} />