From 52ff91956c9f246483ccd2354540d166abc0451c Mon Sep 17 00:00:00 2001
From: j8seangel <jseangel@gmail.com>
Date: Tue, 9 Apr 2024 12:27:20 +0200
Subject: [PATCH] fix detections tooltip

---
 .../features/map/popups/PopupWrapper.tsx      | 22 ++++++++++---------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/apps/fishing-map/features/map/popups/PopupWrapper.tsx b/apps/fishing-map/features/map/popups/PopupWrapper.tsx
index 9da08d37d2..5c74ce091c 100644
--- a/apps/fishing-map/features/map/popups/PopupWrapper.tsx
+++ b/apps/fishing-map/features/map/popups/PopupWrapper.tsx
@@ -113,23 +113,25 @@ function PopupWrapper({
                 //     />
                 //   )
                 case DataviewCategory.Activity:
-                  return (features as SliceExtendedFourwingsFeature[])?.map((feature) => {
-                    return feature.sublayers.map((sublayer, i) => (
+                  return (features as SliceExtendedFourwingsFeature[])?.map((feature, i) => {
+                    return feature.sublayers.map((sublayer, j) => (
                       <ActivityTooltipRow
-                        key={i + feature.title}
+                        key={`${i}-${j}`}
                         feature={{ ...sublayer, category: feature.category as DataviewCategory }}
                         showFeaturesDetails={type === 'click'}
                       />
                     ))
                   })
                 case DataviewCategory.Detections:
-                  return (features as FourwingsPickingObject[])?.map((feature, i) => (
-                    <DetectionsTooltipRow
-                      key={i + feature.title}
-                      feature={feature}
-                      showFeaturesDetails={type === 'click'}
-                    />
-                  ))
+                  return (features as FourwingsPickingObject[])?.map((feature, i) => {
+                    return feature.sublayers.map((sublayer, j) => (
+                      <DetectionsTooltipRow
+                        key={`${i}-${j}`}
+                        feature={{ ...sublayer, category: feature.category as DataviewCategory }}
+                        showFeaturesDetails={type === 'click'}
+                      />
+                    ))
+                  })
                 case DataviewCategory.Events:
                   return (
                     <EncounterTooltipRow