Add event from search

apps/fishing-map/features/search/SearchActions.tsx

@@ -13,13 +13,13 @@ import { useAppDispatch } from 'features/app/app.hooks'
 import VesselGroupAddButton, {
   VesselGroupAddActionButton,
 } from 'features/vessel-groups/VesselGroupAddButton'
-import { selectActiveActivityAndDetectionsDataviews } from 'features/dataviews/selectors/dataviews.selectors'
 import { setVesselGroupConfirmationMode } from 'features/vessel-groups/vessel-groups-modal.slice'
 import { HOME, WORKSPACE } from 'routes/routes'
 import { EMPTY_FILTERS } from 'features/search/search.config'
 import { getRelatedIdentityVesselIds } from 'features/vessel/vessel.utils'
 import { TimebarVisualisations } from 'types'
 import { TrackCategory, trackEvent } from 'features/app/analytics.hooks'
+import { NEW_VESSEL_GROUP_ID } from 'features/vessel-groups/vessel-groups.hooks'
 import { cleanVesselSearchResults, selectSelectedVessels } from './search.slice'
 import styles from './Search.module.css'
 import { selectSearchOption } from './search.config.selectors'
@@ -30,7 +30,6 @@ function SearchActions() {
   const workspaceId = useSelector(selectCurrentWorkspaceId)
   const { addNewDataviewInstances } = useDataviewInstancesConnect()
   const { dispatchQueryParams, dispatchLocation } = useLocationConnect()
-  const heatmapDataviews = useSelector(selectActiveActivityAndDetectionsDataviews)
   const vesselsSelected = useSelector(selectSelectedVessels)
   const activeSearchOption = useSelector(selectSearchOption)
 
@@ -70,12 +69,14 @@ function SearchActions() {
     }
   }
 
-  const onAddToVesselGroup = () => {
-    const dataviewIds = heatmapDataviews.map(({ id }) => id)
+  const onAddToVesselGroup = (vesselGroupId: string) => {
     dispatch(setVesselGroupConfirmationMode('saveAndSeeInWorkspace'))
     trackEvent({
-      category: TrackCategory.SearchVessel,
-      action: 'Click add to vessel group',
+      category: TrackCategory.VesselGroups,
+      action:
+        vesselGroupId === NEW_VESSEL_GROUP_ID
+          ? 'create_new_vessel_group_from_search'
+          : 'add_vessels_to_vessel_group_from_search',
       label: `${activeSearchOption} search`,
     })
   }