diff --git a/applications/vessel-history/src/features/vessels/activity/vessels-activity.selectors.ts b/applications/vessel-history/src/features/vessels/activity/vessels-activity.selectors.ts index 0554b4c11c..5dac52ecf9 100644 --- a/applications/vessel-history/src/features/vessels/activity/vessels-activity.selectors.ts +++ b/applications/vessel-history/src/features/vessels/activity/vessels-activity.selectors.ts @@ -13,7 +13,7 @@ import { selectActiveTrackDataviews } from 'features/dataviews/dataviews.selecto import { ActivityEvent, Regions } from 'types/activity' import { selectEEZs, selectMPAs, selectRFMOs } from 'features/regions/regions.selectors' import { getEEZName } from 'utils/region-name-transform' -import { Region } from 'features/regions/regions.slice' +import { Region, RegionId } from 'features/regions/regions.slice' import { selectSettings } from 'features/settings/settings.slice' import { filterActivityHighlightEvents } from './vessels-highlight.worker' @@ -218,7 +218,7 @@ const getEventRegionDescription = ( ) case 'mpa': return values - .map((mpaId) => mpas.find((eez) => eez.id.toString() === mpaId)?.label ?? '') + .map((mpaId) => mpas.find((mpa) => mpa.id.toString() === mpaId)?.label ?? '') .filter((value) => value.length > 0) .join(', ') default: @@ -236,7 +236,9 @@ const getEventRegionDescription = ( (regionType) => `${getRegionNamesByType( regionType, - event?.regions[regionType].filter((x: string) => x.length > 0) + event?.regions[regionType] + .map((regionId) => `${regionId}`) + .filter((x: string) => x.length > 0) )}` ) .pop()