uniqueFeatureInteraction in fourwings clusters

GlobalFishingWatch · Sep 4, 2024 · fae8224 · fae8224
1 parent 2e3c728
commit fae8224
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 4 deletions.
diff --git a/apps/fishing-map/features/map/popups/PopupByCategory.tsx b/apps/fishing-map/features/map/popups/PopupByCategory.tsx
@@ -75,7 +75,10 @@ function PopupByCategory({ interaction, type = 'hover' }: PopupByCategoryProps)
 
   return (
     <div className={styles.content}>
-      {Object.entries(featureByCategory)?.map(([featureCategory, features]) => {
+      {Object.entries(featureByCategory)?.map(([featureCategory, allCategoryFeatures]) => {
+        const features = allCategoryFeatures.some((feature) => feature.uniqueFeatureInteraction)
+          ? [allCategoryFeatures[0]]
+          : allCategoryFeatures
         switch (featureCategory) {
           case DataviewCategory.Activity:
           case DataviewCategory.Detections: {

diff --git a/libs/deck-layers/src/layers/fourwings/clusters/FourwingsClustersLayer.ts b/libs/deck-layers/src/layers/fourwings/clusters/FourwingsClustersLayer.ts
@@ -133,6 +133,7 @@ export class FourwingsClustersLayer extends CompositeLayer<
       subcategory: this.props.subcategory,
       startTime: this.props.startTime,
       endTime: this.props.endTime,
+      uniqueFeatureInteraction: true,
       expansionZoom,
     }
     return { ...info, object }

diff --git a/libs/deck-layers/src/layers/fourwings/fourwings.types.ts b/libs/deck-layers/src/layers/fourwings/fourwings.types.ts
@@ -1,5 +1,5 @@
 import { ColorRampsIds } from '../../utils'
-import { DeckLayerProps } from '../../types'
+import { DeckLayerProps, DeckPickingObject } from '../../types'
 import {
   HEATMAP_HIGH_RES_ID,
   HEATMAP_ID,
@@ -65,7 +65,8 @@ export type BaseFourwingsLayerProps = DeckLayerProps<{
 }>
 
 export type FourwingsPickingInfo = FourwingsHeatmapPickingInfo | FourwingsPositionsPickingInfo
-export type FourwingsPickingObject =
+export type FourwingsPickingObject = DeckPickingObject<
   | FourwingsHeatmapPickingObject
   | FourwingsHeatmapStaticPickingObject
   | FourwingsPositionsPickingObject
+>
diff --git a/libs/deck-layers/src/layers/rulers/rulers.types.ts b/libs/deck-layers/src/layers/rulers/rulers.types.ts
@@ -30,5 +30,5 @@ export type RulersLayerProps = GeoJsonLayerProps & {
 }
 
 export type RulerFeature = Feature<Point, RulerPointProperties>
-export type RulerPickingObject = RulerFeature & DeckPickingObject<{}>
+export type RulerPickingObject = DeckPickingObject<RulerFeature>
 export type RulerPickingInfo = PickingInfo<RulerPickingObject, { tile?: Tile2DHeader }>
diff --git a/libs/deck-layers/src/types.ts b/libs/deck-layers/src/types.ts
@@ -35,6 +35,7 @@ export type DeckPickingObject<G> = {
   color?: string
   category: DeckLayerCategory
   subcategory?: DeckLayerSubcategory
+  uniqueFeatureInteraction?: boolean
 } & G
 
 export type AnyDeckLayer<D extends {} = {}> =